模糊查询防抖,多次查询结果返回数据不一致,网络慢只返回最后一条查询结果
//定义keyup次数和方法执行次数
var _num = 1;
var _flag = 1;
$('#input').on('keyup', function (e) {
var _key = $.trim($(this).val());
var _this = $(this);
if (e.keyCode == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40 || _key == '') {
return false;
}
lastTime = e.timeStamp;
setTimeout(function () {
//如果时间差为0,也就是你停止输入0.5s之内都没有其它的keyup事件产生,这个时候就可以去请求服务器了
if (lastTime - e.timeStamp == 0) {
_num = _num + 1;
backSearchResult(_key, callbackHtml);
};
}, 500);
return false;
});
//查询接口
function backSearchResult(_key, callbackHtml) {
//console.log(_key);
$.ajax({
type: "POST",
url: '',
data: { searchText: _key },
beforeSend: function () {
},
success: function (data) {
var funResult = callbackFunResult(_key, data, callbackHtml);
funResult();
}
});
}
//返回函数
function callbackHtml(_key, data) {
if (data.Data != null && data.Data != '') {
if (data.Data.length > 0) {
var strHtml = '';
for (var i = 0; i < data.Data.length; i++) {
}
$("#div").html(strHtml);
}
}
};
//判断次数,获取返回函数
function callbackFunResult(_key, data, callbackHtml) {
_flag++;
//console.log(_flag);
//console.log(_num, data, _key);
if (_key == $('#input').val()) {
return function () {
callbackHtml(_key, data);
}
} else {
return function () {
};
}
};