jQuery 自动完成 json 源 - 不自动完成，但只显示完整列表

Question

我使用 jQuery UI 的自动完成功能。

$("#search").autocomplete({
minLength: 0,
source: 'source.php',
select: function( event, ui ) {
    $("#search").val(ui.item.label);
    return false;
},
focus: function(event, ui) {
    $("#search").val(ui.item.label);
    return false;
}

});

我在 source.php 中插入多个元素并以 json 编码返回它们。

$search[] = array(
   'value' => $id,
   'label' => $name
);
echo json_encode($search);

当我开始在自动完成字段中输入内容时，会显示一个列表，其中包含 source.php 的元素。但不幸的是他们所有人。它们不会根据我在字段中输入的内容进行过滤。

使用 json 时是否需要设置任何特殊选项？

编辑：感谢 TJ Crowder，我想出了这个解决方案，让 jQuery 完成这项工作； ）

$.getJSON('source.php', function(search) {
    $("#search").autocomplete({
    minLength: 0,
    source: search,
    select: function( event, ui ) {
       $("#search").val(ui.item.label);
       return false;
    },
    focus: function(event, ui) {
        $("#search").val(ui.item.label);
        return false;
    }
});

Answer 1

从文档中看并不明显，但是当您提供任何涉及运行代码（服务器端或客户端）的源时，jQuery UI 自动完成器需要您您来过滤结果。对于服务器端代码，您可以使用它传递到 PHP 文件的 term 参数。来自文档：

当使用字符串时，自动完成插件期望该字符串指向将返回 JSON 数据的 URL 资源。它可以位于同一主机或不同主机上（必须提供 JSONP）。请求参数“term”被添加到该 URL 中。数据本身可以采用与上述本地数据相同的格式。

（如果他们真的在那里提到了过滤，那就太好了；我记录了一个问题建议他们更新：他们花了不到三个小时来更新文档并关闭问题；新文档将在某个时候推送，至少在 v1.9 之前是这样！）

自动完成器允许您 这样做。通过三种方式提供货源：

• 静态源数组：在这种情况下，自动完成程序执行过滤。

• 服务器端调用：在本例中，它传递一个 term 参数，您需要使用它进行过滤。

• 客户端调用：在这种情况下，它将一个 request 对象传递给具有 term 属性的客户端代码；您应该使用它来进行过滤。