乐码库:一个极速、放心、纯净的下载站! 更新: 资源发布
  • 您的位置:首页 > 技术文档 > JavaScript > 有关suggest快速删除后仍然出现下拉列表的bug问题
  • 收藏本页
      有关suggest快速删除后仍然出现下拉列表的bug问题
      发布时间:2016-12-21 08:09:40 关键词: suggest,下拉列表
      内容简介:写suggest的时候,有时我们快速删除输入框的文字后,但是suggest下拉列表还有出现,导致的原因是因为ajax异步请求造成的,下面通过本文给大家分享下解决方法,感兴趣的朋友一起看看

     写suggest的时候,有时我们快速删除输入框的文字后,但是suggest下拉列表还有出现,导致的原因是因为ajax异步请求造成的。

    虽然我们把输入框的内容都删除了,甚至做了停止后续请求的相关操作,但是由于ajax是异步的,即使你停止了后续的操作,但是最后一次请求的数据还在回来的路上。

    解决办法看代码:

    var inp = document.getElementById('inp'),
    timer = 0;
    inp.oninput = function (e) {
    var val = e.target.value;
    var f = function () {
    alert(val)
    }
    if (val === '') {
    f = function () {
    console.log('setState = []');
    }
    }
    clearTimeout(timer);
    timer = setTimeout(function () {
    f();
    }, 400);
    }

    我这里贴的代码只是解决思路,把获取到请求回来的数据后续的相关操作先封装到函数里,当检测到value为空的时候,把函数的操作变化一下,就不会出现suggest数据框了。

    以上所述是小编给大家介绍的有关suggest快速删除后仍然出现下拉列表的bug问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对乐码库网站的支持!

      最新更新
      热门排行榜