Abra uma caixa grossa com conteúdo através do AJAX

Adicionei um botão personalizado ao editor TinyMCE e quero abrir a caixa de espessura do WP quando clicar nela.

Como posso fazer com que a tb_show()função carregue o conteúdo que eu quero com o ajax?

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

Aqui estão alguns dos códigos de plug-in do editor que estou usando:

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

Portanto, a OpenMyThickboxfunção javascript deve fazer o que eu quero:

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

O segundo parâmetro para tb_showé a URL, então você deve usar algo como ..

<?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; ?>' );

Eu acho que você precisa passar a ação e todos os vars de consulta adicionais manualmente (conforme descrito acima); caso contrário, sua solicitação é simplesmente admin-ajax.phpquando o que você está procurando é algo parecido com ... admin-ajax.php?action=getTheContent&someothervar=someothervalue, daí o add_query_arguso acima. .

Para esclarecimentos:

A seguinte chamada para add_query_arg...

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

É equivalente e produzirá ...

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

Contudo!

Tendo me explicado agora, percebi que não queremos a URL absoluta e, portanto, não precisamos da ligação admin_url. O código deveria ser.

<?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; ?>'); 

Portanto, o URL resultante se parece com isso ..

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

Funções referenciadas nos exemplos de código acima:

• Adicionar Query Arg
  http://codex.wordpress.org/Function_Reference/add_query_arg

• URL do administrador
  http://codex.wordpress.org/Function_Reference/admin_url

Desarrumar o javascript e o PHP não é muito inteligente. Esta resposta apenas confunde.

tb_show é javascript add_query_arg é PHP

portanto, esta solução é válida apenas em PHP e o código adequado é

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

E em javascript não é válido, pois não podemos usar add_query_arg