2013-07-08 39 views
3

我想在wordpress中使用jquery auto完成搜索。jquery自動在wordpress中完成

但是,雖然我通過ajax得到了一個結果,但我無法使用jquery-UI自動完成工作。

這裏是我的jQuery代碼。

$("#searchbox").keyup(function(e){ 
     e.preventDefault(); 
     var search_val=$("#searchbox").val(); 
     $.ajax({ 
      type:"POST", 
      url: "./wp-admin/admin-ajax.php", 
      data: { 
       action:'wpay_search', 
       user_name:search_val 
      }, 
      success:function(data){ 

       //$('#search_result').html(data); 
       $("#searchbox").autocomplete({ 
       source: data 
       }); 

      } 
     }); 


}); 

這裏是我的PHP代碼

function wpay_search() { 

    global $wpdb; 
    $name=$_POST['user_name']; 
    echo $name; 
    $employee=$wpdb->get_results("SELECT `First_Name`, last_name FROM users WHERE First_name LIKE '$name%' "); 

    foreach($employee as $key=> $value){ 
    echo $value->First_Name; 
    } 

    //wp_reset_query(); 
    die(); 
} // end theme_custom_handler 
add_action('wp_ajax_wpay_search', 'wpay_search'); 
add_action('wp_ajax_nopriv_wpay_search', 'wpay_search'); 

如何實現在WordPress自動完成者?我錯過了哪裏?

+0

您是否在控制檯中收到任何錯誤消息? –

+0

不,我不明白,但如果我取消註釋//$('#search_result').html(data);我可以打印用戶名稱。 – wordpressm

+0

我需要從jason格式發送數據嗎? – wordpressm

回答

0

當我編碼數據到json,所有問題都沒有了!