jquery 自动完成功能不适用于 JSON 数据

Question

我的 PHP 代码将 JSON 数据返回到 jquery 自动完成，但自动完成不起作用

Jquery 自动完成

$("input#txtaddkey").autocomplete({
            source: "keyword.php",
                minLength: 2
        });

PHP 代码

$fetch = mysql_query("SELECT * FROM o_keyword where keyword like '%" . $query . "%'"); 

    while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) {
        $row_array['id'] = $row['id'];
        $row_array['keyword'] = $row['keyword'];

        array_push($return_arr,$row_array);
    }
echo json_encode($return_arr);

JSON 数据输出

[{"id":"2","keyword":"Games"},{"id":"3","keyword":"Goa"}]

在输入“Ga”时，我在前端得到空的 li 标签。

Answer 1

来自：

• http://jqueryui.com/demos/autocomplete/

您的 JSON 需要包含 标签或值（或两者）。将keyword更改为value，它应该可以正常工作。

Answer 2

您的代码需要稍微修改一下。

 while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) {
    $row_array['value'] = $row['id'];
    $row_array['label'] = $row['keyword'];

    array_push($return_arr,$row_array);
}

回显 json_encode($return_arr);

现在你的 json 格式将是

[{"value":"2","label":"Games"},{"value":"3","label":"Goa"}]