Jquery 在大型数组上自动完成

Question

我正在使用 Jquery 自动完成功能，本地数组的大小约为 5000，每个单词约为 10 个字符。 我像这样初始化对象：

.autocomplete({matchContains: true, minLength: 3, delay: 700, source: array1, max: 10, highlight: true })

问题是，当我开始输入时，需要很长时间（有时会使浏览器崩溃）才能显示结果。

我能做些什么？

谢谢

Answer 1

您可以使用 AJAX 来获取数组，而不是将其放入 HTML，在查询服务器之前增加延迟和所需的 minLength 以减少匹配。

Answer 2

我会像 Darin Dimitrov 所说的那样，但我也会在服务器端的快速 linq 语句中执行 .Take(10) （或一些听起来不错的任意数字）。这将减少结果集，并且随着用户继续键入，结果集仍然会变得更加准确。

Answer 3

您是否使用标准 jQuery 自动完成插件？如果是这样，我不熟悉您使用的选项参数“source”。

该插件的正确语法是：autocomplete( url or data, [options] )。听起来你的版本适用于“源”选项参数，（尽管浏览器崩溃）所以我很困惑。如果浏览器崩溃，我预计问题与 javascript 有关。

我建议尝试：

$('whatever').autocomplete(array1,{
    matchContains: true, 
    minLength: 3, 
    delay: 700,  
    max: 10, 
    highlight: true 
});