2013-07-08 35 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,所有问题都没有了!