使用 AJAX 中的 jQuery 作为自动完成填充列表答案

【问题标题】：Populate a list using jQuery from an AJAX as autocomplete使用 AJAX 中的 jQuery 作为自动完成填充列表
【发布时间】：2011-08-18 09:06:20
【问题描述】：

我有一个包含项目列表的 JSON 文件。每个项目都有一个 ID 和一个名称，例如

{ID : 11, Name: 'item 1'}

我正在使用 jQuery Mobile 框架，我需要在其中放置一个文本框，用户可以在其中开始输入项目名称，并且列表应该使用里面的字母填充文件中的项目（某种自动完成）。

顺便说一句 - 列表很长（有数千个项目），所以我不想一次全部加载。

有什么想法可以实现吗？

谢谢！

【问题讨论】：

【解决方案1】：

我将创建一个函数来根据短语条目中的“术语”返回结果集。

一个例子是使用 jQuery UI 自动完成的source:，然后根据出现过滤你的 json 数据（在加载时缓存？）。我想到了类似于用字符串拆分来打破短语并像jQuery(':contains(text)') 那样迭代它。

如果您的 json 是一个数组，jQuery.grep() 可能非常适合。 http://api.jquery.com/jQuery.grep

这里的答案中有几个其他选项：json jquery filter javascript array

【讨论】：