可以';t使自动完成与ajax+jQuery一起工作


Can't make autocomplete work with ajax + jQuery

我正试图在ajax(jQuery)的帮助下完成自动完成任务。让我们看看脚本

这里是html=>

<input type="text" name="user_key" id="user_key">

以下是同一文件中的javascript=>

<script type="text/javascript">
$(function(){
    $("#user_key").autocomplete({
        source: function(request,response){
            var suggestions = [];
            $.ajax({
                url: "/ajax/autocomplete.php",
                type: "POST",
                data: {user_key:$(this).val()},
                success: function(result){
                    $.each(result,function(i,val){
                        suggestions.push(val.name);
                    });
                },
                dataType: "json"
            });
            response(suggestions);
        }
    });
});
</script>

这是来自autocomplete.php文件=>的php脚本

if (!$connection->connect_errno){
        if ($connection->set_charset("utf8")){
            if ($r = $connection->query("SELECT name FROM users WHERE name LIKE '" . $_POST['user_key'] . "%'")){
                for ($x=0,$numrows = $r->num_rows;$x<$numrows;$x++){
                    if ($row = $r->fetch_assoc()){
                        $array[$x] = array("name",$row['name']);
                    }
                }
                $r->free();
            }
        }
    }
    echo json_encode($array);

PS。它不起作用。请帮忙,过去两天我一直在努力完成这项任务,但无法完成。事先感谢:)

$array[$x] = array("name",$row['name']);

这使得名称和数据库中的值都成为数组()的元素

将autocomplete.php的代码更改为

if (!$connection->connect_errno){
        if ($connection->set_charset("utf8")){
            if ($r = $connection->query("SELECT name FROM users WHERE name LIKE '" . $_POST['user_key'] . "%'")){
                for ($x=0,$numrows = $r->num_rows;$x<$numrows;$x++){
                    if ($row = $r->fetch_assoc()){
                        $array[$x] = array("name"=>$row['name']);
                    }
                }
                $r->free();
            }
        }
    }
    echo json_encode($array);

这将使name成为从数据库中提取的值的密钥

这将对你有所帮助。

您需要再看一眼自动完成文档,但您可以在这里找到答案:jquery自动建议示例没有';t工作