AJAX ile içerikli bir Thickbox açın

TinyMCE editörüne özel bir düğme ekledim ve üzerine tıkladığımda WP'nin Thickbox'ını açmak istiyorum.

tb_show()Fonksiyonun istediğim içeriği ajax ile yüklemesi için bunu nasıl yapabilirim ?

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

İşte kullanıyorum editör eklenti kodlarından bazıları:

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

Böylece OpenMyThickboxjavascript işlevi istediğimi yapmalı:

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

İçin ikinci parametre tb_showURL'dir, bu nedenle aşağıdaki gibi bir şey kullanmak istersiniz.

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

Sanırım eylem geçmek gerekir ve herhangi bir ek sorgu (yukarıda göre) manuel olarak değişir, aksi takdirde isteğiniz basitçe admin-ajax.php, aradığınız şey ... satırları boyunca bir şey olduğunda admin-ajax.php?action=getTheContent&someothervar=someothervalue, bu nedenle add_query_argyukarıdaki kullanım içindir. .

Netlik için:

Aşağıdaki çağrı add_query_arg...

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

Eşdeğer ve üretecek ...

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

Ancak!

Şimdi kendimi açıkladıktan sonra, mutlak URL'yi istemediğimizi ve bu yüzden admin_urlorada çağrıya ihtiyacımız olmadığını fark ettim . Kod bunun yerine olmalıdır.

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

Sonuçta ortaya çıkan URL şuna benzer.

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

Yukarıdaki kod örneklerinde belirtilen işlevler:

• Sorgu Arg Ekle
  http://codex.wordpress.org/Function_Reference/add_query_arg

• Yönetici URL'si
  http://codex.wordpress.org/Function_Reference/admin_url

Javascript ve PHP'yi karıştırmak çok akıllıca değil. Bu cevap sadece kafa karıştırıyor.

tb_show javascript add_query_arg PHP

bu yüzden bu çözüm sadece PHP için geçerlidir ve uygun kod

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

Ve javascript'te add_query_arg kullanamadığımız için geçerli değil