Откройте Thickbox с содержимым через AJAX

Я добавил пользовательскую кнопку в редактор TinyMCE, и я хочу открыть Thickbox WP, когда я нажму на нее.

Как я могу сделать так, чтобы tb_show()функция загружала содержимое, которое я хочу, с помощью ajax?

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

Вот некоторый код плагина редактора, который я использую:

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

Так что OpenMyThickboxфункция javascript должна делать то, что я хочу:

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

Вторым параметром для tb_showявляется URL, поэтому вы захотите использовать что-то вроде ..

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

Я предполагаю, что вам нужно передать действие и любые дополнительные переменные запроса вручную (как указано выше), иначе ваш запрос просто для admin-ajax.php, когда то, что вы ищете, является чем-то вроде ... admin-ajax.php?action=getTheContent&someothervar=someothervalue, отсюда и add_query_argиспользование выше. ,

В целях разъяснения:

Следующий звонок add_query_arg...

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

Это эквивалентно и будет производить ...

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

Однако!

Объяснив себя, я пришел к выводу, что нам не нужен абсолютный URL-адрес, и, следовательно, нам не нужен звонок admin_urlтуда. Код должен быть вместо.

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

Таким образом, полученный URL выглядит примерно так ...

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

Функции, указанные в приведенных выше примерах кода:

• Добавить Query Arg
  http://codex.wordpress.org/Function_Reference/add_query_arg

• URL администратора
  http://codex.wordpress.org/Function_Reference/admin_url

Испортить JavaScript и PHP не очень умно. Этот ответ только смущает.

tb_show - это JavaScript. add_query_arg - это PHP.

так что это решение действительно только в PHP и правильный код

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

А в javascript вообще недопустимо, так как мы не можем использовать add_query_arg