2013-07-15 38 views
0

我想在wordpress中使用ajax。ajax在jQuery中的wordpress

我沒有得到ajax響應。如果我在代碼上犯了錯誤,請告訴我。

這裏是我的jQuery代碼

// ajax submitting for the name 
    $("#sendemp").submit(function(e) { 
    e.preventDefault(); 
    var submit_val = $("#searchbox").val(); 
    alert('submitval is ' + submit_val); 
    $.ajax({ 
     type : "POST", 

     url : "./wp-admin/admin-ajax.php", 
     data : { 
      action : 'deatils_search', 
      user_name : submit_val 
     }, 
     success : function(data) { 
       alert('hhh'); 
      $('#accordion3').html(data); 
      // $("#searchbox").autocomplete({ 
      // source: data 
      // }); 

     } 
    }); 

}); 

這裏是我的PHP代碼

function deatils_search() { 


    $name=$_POST['user_name'];//retrive data from post array on form submitting 
$jason =$name; 

    echo json_encode($jason) ; 

    //echo '</div>'; 
    //wp_reset_query(); 
    die(); 
} // end theme_custom_handler 
add_action('wp_ajax_deatils_search', 'deatils_search'); 
add_action('wp_ajax_nopriv_deatils_search', 'deatils_search'); 

我試圖打印警報( 'HHH');在ajax調用成功消息。但它不打印任何東西。 我在哪裏做錯了?

請鉻 enter image description here

+0

和你的控制檯說什麼? –

+0

Uncaught TypeError:Object [object Object]沒有方法'live',但它來自gd-bbpress – wordpressm

+0

雖然我使用'e.preventDefault();'當我點擊提交按鈕時刷新頁面。 – wordpressm

回答

0

檢查波紋管網絡選項卡,不要使用$爲WordPress的在JavaScript中jQuery的快捷方式。 WordPress設置爲以noConflict模式運行jQuery。將$替換爲jQuery

0

當我用click方法替換下面的方法時,每件事都開始工作。

$("#sendemp").click(function(e) {