如何jquery自动完成json结果？

Question

附加的代码有两个问题：

首先，json 中的搜索结果仅在我删除文本输入时出现，而不是在我键入时出现......就像我需要的那样。第二个是，当我点击其中一个结果显示它时，我需要将文本转到输入文本的值。

我该怎么做？

用the code粘贴bin：

用json example粘贴bin：

谁能帮帮我？

Answer 1

根据 Autocomplete docs，它不适用于 json 数据，仅适用于数组。

尝试这样的想法，应该可以。

var arr = ['project1', 'another project', 'more one project'];

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

要在擦除字段时隐藏结果，您应该像这样设置 minLengh

$project.autocomplete({
    minLength: 1,
    source: projects,
    focus: function( event, ui ) {
      $project.val( ui.item.label );
      return false;
    }
  });

如果您想在后端搜索数据，我认为您应该考虑使用将数据过滤为查询字符串的选项，请查看此文档部分：

字符串：当使用字符串时，自动完成插件期望 指向将返回 JSON 数据的 URL 资源的字符串。它可以 位于同一主机或不同主机上（必须提供 JSONP）。这 自动完成插件不过滤结果，而是一个查询 string 添加了一个 term 字段，服务器端脚本应该 用于过滤结果。例如，如果源选项是 设置为“http://example.com”，用户输入 foo，一个 GET 请求 将发送到http://example.com?term=foo。数据本身可以 与上述本地数据的格式相同。