jquery在wordpress中自动完成答案

【问题标题】：jquery auto complete in wordpressjquery在wordpress中自动完成
【发布时间】：2013-07-06 00:02:03
【问题描述】：

我正在尝试在 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 中实现自动完成？我错过了什么？

【问题讨论】：

您是否在控制台中收到任何错误消息？
不，我不明白，但如果我取消注释 //$('#search_result').html(data);我可以打印用户名。
我需要发送jason格式的数据吗？
自动完成是一个 jQueryUI 组件。你确定你加载了 jQueryUI 而不是单独加载 jQuery 吗？
Ajax and Autocomplete 在 WPSE。

标签： php wordpress jquery-ui autocomplete

【解决方案1】：

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

【讨论】：