簡體   English   中英

WordPress的添加Ajax插件

[英]wordpress adding plugin for ajax

我是女巫的新手。 嘗試測試創建一個插件以將我的js和ajax結合在一起用於模塊。 我做了以下工作:

[不確定我是否需要在admin-ajax.php中添加任何內容。]

  1. 在wp-content / pluging / test-plugin下創建了我的新插件
  2. 創建了2個文件:test.php和test.js
  3. test.php的內容如下:

    / ** *插件名稱:Test * /

     add_action("wp_ajax_my_test", "my_test"); add_action("wp_ajax_nopriv_my_test", "my_test"); function my_test() { echo "in ajax"; } add_action( 'init', 'test_script_enqueuer' ); function test_script_enqueuer() { wp_register_script( "test", WP_PLUGIN_URL.'/my_plugin/test.js', array('jquery') ); wp_localize_script( 'test', 'myAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ))); wp_enqueue_script( 'jquery' ); wp_enqueue_script( 'test'); } 
  4. test.js代碼如下:

     $(document).ready(function() { console.log('in js!'); 

    $('#testDiv')。on('click','#test',function(){console.log('clicked!');

    jQuery.ajax({類型:“ POST”,網址:myAjax.ajaxurl,數據:{
    操作:“ my_test”},數據類型:“ json”,緩存:false,成功:function(response){alert(response); },錯誤:function(xhr,textStatus,errorThrown){alert('error'); }}); })

      }); 

請注意,我什至看不到“在js中!” 我的控制台中的消息。

更改

add_action( 'init', 'test_script_enqueuer' );

add_action("wp_enqueue_scripts", "test_script_enqueuer");

但是首先,嘗試從您的php文件中回顯某些內容。 如果沒有任何反應,則不會調用您的文件。

然后嘗試告訴我。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM