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

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

posted @ 2018-10-08 15:05  单眼皮男生  阅读(522)  评论(0编辑  收藏  举报