Відкрийте товщик із вмістом через AJAX

Я додав спеціальну кнопку до редактора TinyMCE, і я хочу відкрити WP's Thickbox, коли натискаю на нього.

Як я можу зробити так, щоб 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

Функції, на які посилаються вищевказані зразки коду:

• Додати аргумент запиту
  http://codex.wordpress.org/Function_Reference/add_query_arg

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

Плутати Javascript і PHP не дуже розумно. Ця відповідь лише бентежить.

tb_show is 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