我在我的应用程序中实现了自动完成功能,并使用azure搜索建议。但目前,如果在线之间找到匹配,则会给出建议。但我想从给定的术语开始搜索它,就像我输入那样它应该是什么
但目前它的回归就像
请参阅以下我正在使用的代码
$("#autocomplete").autocomplete({
source: "/home/suggest?username=myname&",
minLength: 3
});
$.ui.autocomplete.filter = function (source, term) {
var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(term), "i");
return $.grep(source, function (value) {
return matcher.test(value.label || value.value || value);
});
};
将source
设置为字符串时,自动完成不使用其内部filter
函数。要进行请求后过滤,请自行处理请求:
source: function( request, response ) {
var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
if ( this.xhr ) {
this.xhr.abort();
}
this.xhr = $.ajax( {
url: "/home/suggest",
data: $.extend({username:"myname"}, request),
dataType: "json",
success: function( data ) {
response(
$.grep( data, function( value ) {
return matcher.test( value.label || value.value || value );
} )
);
},
error: function() {
response( [] );
}
} );
}
说明:
filter
不是小部件API的一部分。如果没有充分的理由,您不应该覆盖库的内部函数。
而是使用source
选项手动处理后过滤。第二个参数response
为您要传递给窗口小部件的任何结果提供回调。手动处理AJAX调用,然后在将结果传回response
之前处理结果。 See here for an explanation of how source
works.
免责声明:
这是不好的做法。过滤首先在服务器上按术语完成,然后在客户端上由^
匹配器完成。它通过网络发送不必要的数据。它应该在一个点上完成。将所有数据预加载到客户端,或者让服务器处理过滤。
只有在您无法访问服务器代码且无法预加载时才使用此选项。