typeahead.js 预取不起作用答案

【问题标题】：typeahead.js prefetch doesn't worktypeahead.js 预取不起作用
【发布时间】：2013-06-25 10:13:03
【问题描述】：

我无法让 typeahead.js 中的预取功能正常工作，但它可以很好地处理本地数据。我首先尝试链接到返回 json 对象或列表的 servlet，但过了一段时间我放弃了，开始检查提供的示例。所以他们的示例链接到如下所示的页面： http://twitter.github.io/typeahead.js/data/countries.json 但是，当我将脚本链接到该页面时，即使我执行与他们完全相同的操作，我的脚本也无法正常工作。我尝试将该文件复制到我的本地工作区并在那里链接到它无济于事。为了检查它是否在进行任何调用，我每次收到 get 请求时都让我的 servlet 崩溃，果然当我运行我的自动完成示例页面时它崩溃了，所以它不是缓存问题。我尝试将 jquery 降级到 1.9.1，但这也不起作用（当前使用 1.10）。我尝试使用不同版本的 typeahead.js。我尝试使用 Internet Explorer 和 google chrome 查看错误是否存在。

一定有一些重要的东西我错过了，因为我已经用尽了我能想到的所有错误来源。其他人似乎没有任何问题让这个工作。

这是我使用的代码：

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Demo</title>
    <link rel="stylesheet" type="text/css" href="typeahead.js-bootstrap.css">

</head>

<body>

    <script src="jquery.js"></script>
    <script src="typeahead.js"></script>

<input type="text" class="typeahead" placeholder="test" />
    <script>
    $(document).ready(function() {$('.typeahead').typeahead({  
        name: "Auto"  ,
        ttl_ms: 10000,                                                 
        prefetch: 'http://twitter.github.io/typeahead.js/data/countries.json',
        //local: ['abc', 'acd', 'ade', 'bcd]                                                  
});});
    </script>
</body>
</html>

【问题讨论】：

标签： jquery prefetch typeahead.js

【解决方案1】：

问题似乎与浏览器存储中的数据缓存有关。

您可以清理浏览器存储空间（不是浏览器缓存）。
您可以将 typeahead 配置中的数据集 name 更改为另一个。

您可以在prefetch 中降低ttl。当然，您可以稍后增加ttl。见下文：

prefetch: {
    url: 'http://twitter.github.io/typeahead.js/data/countries.json',
    ttl: 1 // in milliseconds
},

在这里浏览代码会更清楚：http://goo.gl/TN3Gv

【讨论】：

我发现了错误，问题是我获取了一个错误的版本，我想我选择了一个开发版本。当我切换到马厩时，一切都很好。但是感谢您的尝试！
Thaaaaaaaaaaaaaaaaanks！
它用于本地存储的cacheKey实际上是URL。所以更改名称没有好处，我必须更新预取 URL 才能清除有缺陷的缓存