Mở một hộp dày với máng nội dung AJAX

Tôi đã thêm một nút tùy chỉnh vào trình soạn thảo TinyMCE và tôi muốn mở Hộp dày của WP khi tôi nhấp vào nó.

Làm thế nào tôi có thể làm cho nó để tb_show()chức năng tải nội dung tôi muốn với ajax?

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

Đây là một số mã trình chỉnh sửa tôi đang sử dụng:

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

Vì vậy, OpenMyThickboxchức năng javascript nên làm những gì tôi muốn:

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

Tham số thứ hai cho tb_showlà URL, vì vậy bạn sẽ muốn sử dụng một cái gì đó như ..

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

Tôi đoán bạn cần phải truyền hành động và bất kỳ bình truy vấn bổ sung nào theo cách thủ công (như trên), nếu không, yêu cầu của bạn chỉ đơn giản là admin-ajax.php, khi những gì bạn đang tìm kiếm là một cái gì đó dọc theo ... admin-ajax.php?action=getTheContent&someothervar=someothervalue, do đó việc add_query_argsử dụng ở trên. .

Để làm rõ:

Cuộc gọi sau đây đến add_query_arg...

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

Tương đương với và sẽ sản xuất ...

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

Tuy nhiên!

Bây giờ tôi đã tự giải thích, tôi nhận ra rằng chúng tôi không muốn URL tuyệt đối và do đó không cần cuộc gọi đến admin_urlđó. Các mã nên thay thế.

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

Vì vậy, URL kết quả trông giống như thế này ..

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

Các hàm được tham chiếu trong các mẫu mã trên:

• Thêm đối số truy vấn
  http://codex.wordpress.org/Function_Reference/add_query_arg

• URL quản trị
  http://codex.wordpress.org/Function_Reference/admin_url

Làm rối tung javascript và PHP không thông minh lắm. Câu trả lời này chỉ gây nhầm lẫn.

tb_show là javascript add_query_arg là PHP

vì vậy giải pháp này chỉ hợp lệ trong PHP và mã thích hợp là

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

Và trong javascript hoàn toàn không hợp lệ vì chúng tôi không thể sử dụng add_query_arg