Php 在wordpress中自动完成jquery

我试图在word press搜索中使用jquery自动完成

然而，尽管我通过ajax获得了一个结果，但我无法通过jQueryUI自动完成这项工作

这是我的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中实现自动补全器？我错过了什么？

当我将数据编码到

json

时，所有问题都消失了

您在控制台中是否收到任何错误消息？不，我没有收到，但如果我取消注释/$（“#搜索结果”）.html（数据）；我可以打印用户名。我需要从jason格式发送数据吗？autocomplete是一个jQueryUI组件。您确定加载了jQueryUI而不是jQuery吗？在WPSE。