模糊查询防抖，多次查询结果返回数据不一致，网络慢只返回最后一条查询结果...

//定义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 () {
　　};
　　}
};

转载于:https://www.cnblogs.com/chongtao/p/9754434.html