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

时间:2011-08-18 09:06:21

标签: json jquery-ui jquery jquery-mobile

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

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

我正在使用jQuery Mobile框架,我需要在其中放置一个文本框,用户可以在其中输入项目名称,列表应该在文件中填充内部字母(某种自动填充)。

BTW - 列表很长(数千项)所以我不想一次加载它。

有关如何实现这一目标的任何想法?

谢谢!

1 个答案:

答案 0 :(得分:0)

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

一个例子是使用jQuery UI Autocomplete的source:,然后根据出现过滤你的json数据(缓存加载?)。我想到的东西类似于用字符串拆分短语并用jQuery(':contains(text)')进行迭代。

如果你的json是一个数组jQuery.grep()可能是完全适合的。 http://api.jquery.com/jQuery.grep

以下是此问题中的另一个示例:How can I "filter" JSON for unique key name/value pairs?

答案中的其他几个选项:json jquery filter javascript array