在 JQuery/Classic ASP 中滚动加载时自动完成

Question

经典ASP中有一个自动完成文本框。 最小长度设置为 4，但速度非常慢 自动完成列表返回超过 500 条记录。

登录控制台返回预期结果，如果少于 500 行，则在自动完成文本框中返回正确的列表。

如果我想在滚动而不是加载页面时加载更多数据，最好的方法是什么？

$(document).ready( function(){  
var availableCode = new Array();
var strCode = "";
<%
Dim idxJs
for idxJs = 0 to UBound(CodeList)-1 
%>
availableCode[<%=idxJs %>] = unescape('<%= Escape(CodeList(idxJs)) %>');
<% next %>
function customFilter(array, terms) {
arrayOfTerms = terms.split(" ");
var term = $.map(arrayOfTerms, function (tm) {
return $.ui.autocomplete.escapeRegex(tm);
}).join('|');
var matcher = new RegExp("(?![^&;]+;)(?!<[^<>]*)("+term+")(?![^<>]*>)(?![^&;]+;)" , "i");
return $.grep(array, function (value) {
console.log("result - " + matcher.test(value.label || value.value || value));
console.log("value - " + value)
return matcher.test(value.slice(0, 10));
});
};
$( "#frmCode" ).autocomplete({
multiple: true,
mustMatch: false,
minLength: 4,
delay: 100,
search: function (event,ui) {
window.pageIndex = 0;
},
source: function (request, response) {
response(customFilter(
availableCode, request.term));
}
});
} );

一些更新： 在经典ASP代码的开头，我添加了以下内容以进行缓存控制，它进行了一些改进，但仍然无法正常工作。

<%@ Language=VBScript %>
<%
Response.buffer=true
Response.Expires = -1
Response.ExpiresAbsolute = Now() -1 
Response.CacheControl = "no-cache"
Response.AddHeader "cache-control", "private" 
Response.AddHeader "Pragma", "no-cache"
%>

Answer 1

对于匹配器，我对以下内容进行了更改。

var matcher = new RegExp("" + term,  "i");

我还添加了"切片"以仅显示前 100 名。这大大改善了此问题的性能。

$( "#frmCode" ).autocomplete({
multiple: true,
multipleSeparator: " ",
mustMatch: false,
minLength: 2,
search: function (event,ui) {
window.pageIndex = 0;
},
source: function (request, response) {
response(customFilter(
availableCode, request.term).slice(0, 100));
}

谢谢大家的建议！

Answer 2

其中一个瓶颈是将数据输出到数组 CodeList，然后循环访问数据并编写每个单独的行来填充您的 javascript 数组。如果数组 CodeList 中的数据不经常更改，我使用计划任务每天运行几次，该任务运行 vbscript 以生成带有 asp 循环的 javascript 数组的 html/asp 页面。 你可以用实际的javascript数组数据替换你的for/next asp循环。页面加载速度会快得多。