Apri una Thickbox con contenuto tramite AJAX

Ho aggiunto un pulsante personalizzato all'editor TinyMCE e voglio aprire Thickbox di WP quando faccio clic su di esso.

Come posso farlo in modo che la tb_show()funzione carichi il contenuto che desidero con Ajax?

// the ajax
add_action('wp_ajax_getTheContent', 'getTheContent');
function getTheContent(){
  echo 'weqwtegeqgr'; // <- this should be displayed in the TB
  die();
}

Ecco alcuni dei codici del plugin dell'editor che sto usando:

init : function(ed, url) {
  ed.addButton('do_stuff', {
    title : 'Do Stuff',
    image : url + '/icon.gif',
    onclick : function() {
        OpenMyThickbox('do_stuff');
    }
  });
...

Quindi la OpenMyThickboxfunzione JavaScript dovrebbe fare quello che voglio:

function OpenMyThickbox(tag){
  tb_show(tag, '...'); // <- how to load content trough ajax here ?
}

Il secondo parametro per tb_showè l'URL, quindi ti consigliamo di usare qualcosa come ..

<?php 
$ajax_url = add_query_arg( 
    array( 
        'action' => 'getTheContent', 
        'query_var1' => 'value1', 
        'query_var2' => 'value2' 
    ), 
    admin_url( 'admin-ajax.php' ) 
); 
?>
tb_show(tag, '<?php echo $ajax_url; ?>' );

Immagino che tu debba passare manualmente l'azione e le eventuali query aggiuntive (come sopra), altrimenti la tua richiesta è semplicemente per admin-ajax.php, quando quello che stai cercando è qualcosa sulla falsariga di ... admin-ajax.php?action=getTheContent&someothervar=someothervalue, quindi l' add_query_arguso sopra. .

Per chiarire:

La seguente chiamata a add_query_arg...

add_query_arg( 
    array( 
        'action' => 'getTheContent', 
        'query_var1' => 'value1', 
        'query_var2' => 'value2' 
    ), 
    admin_url( 'admin-ajax.php' ) 
);

È equivalente e produrrà ...

http://example.com/wp-admin/admin-ajax.php?action=getTheContent&query_var1=value1&query_var2=value2

Tuttavia!

Avendo ora spiegato me stesso, ho capito che non vogliamo l'URL assoluto e quindi non c'è bisogno della chiamata admin_url. Il codice dovrebbe invece essere.

<?php 
$ajax_url = add_query_arg( 
    array( 
        'action' => 'getTheContent', 
        'query_var1' => 'value1', 
        'query_var2' => 'value2' 
    ), 
    'admin-ajax.php'
); 
?>
tb_show(tag, '<?php echo $ajax_url; ?>'); 

Quindi l'URL risultante è simile a questo ..

admin-ajax.php?action=getTheContent&query_var1=valu1&query_var2=value2

Funzioni a cui si fa riferimento nei precedenti esempi di codice:

• Aggiungi Argomento query
  http://codex.wordpress.org/Function_Reference/add_query_arg

• URL amministratore
  http://codex.wordpress.org/Function_Reference/admin_url

Fare confusione con JavaScript e PHP non è molto intelligente. Questa risposta confonde solo.

tb_show è javascript add_query_arg è PHP

quindi questa soluzione è valida solo in PHP e il codice corretto è

...
?>
tb_show(
  'whatever',
  <?php echo add_query_arg( array(
    'action' => 'getTheContent',
    'query_var1' => 'value1',
    'query_var2' => 'value2',
  ), 'admin-ajax.php'); ?>
);
<?php
...

E in JavaScript non è affatto valido in quanto non possiamo usare add_query_arg