使用巨大而动态的 json 文件自动完成下拉菜单答案

【问题标题】：auto complete dropdown with huge and dynamic json file使用巨大而动态的 json 文件自动完成下拉菜单
【发布时间】：2015-01-12 15:52:57
【问题描述】：

我正在寻找一个自动完成下拉框的解决方案，该下拉框需要从一个巨大的 json 加载条目（json 文件也在每秒更新/生成。）

我尝试了“typeahead.js”，但默认情况下它会在浏览器中缓存 json 文件，并且无法显示添加到 json 文件中的新条目。

是否有自动完成文本框的解决方案，可以尽快从服务器加载条目？

请建议。谢谢

【问题讨论】：

【解决方案1】：

就您而言，您可以利用 Typeahead.js 建议引擎 Bloodhound。它提供了两个选项。预取和远程。

在 Prefetch 中，数据在初始化时被提取和处理。如果浏览器支持本地存储，处理后的数据将被缓存在那里，以防止在后续页面加载时产生额外的网络请求。

在 Remote 中，它会在您需要时从远程源获取数据。但请记住，为了防止向远程端点发出大量请求，请求是有速率限制的。

我认为你应该在你的情况下使用远程选项。

参考：Link

【讨论】：

【解决方案2】：

typeahead.js 的文档中提到了两种方法

您可以使预取的 TTL 值 = 1（这对我不起作用）

或者您可以在单击页面加载或单击按钮时使用 clearPrefetchCache。

category.clearPrefetchCache();

【讨论】：