php - jquery 在 wordpress 中自动完成

Question

我正在尝试在 word-press 搜索中使用 jquery 自动完成。

但是，尽管我通过 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中实现自动完成？我错过了什么地方？

Answer 1

当我将数据编码为json 时，所有问题都消失了!