JS,JQ输入框oninput事件1秒后请求接口(节流优化)

JS,JQ输入框oninput事件1秒后请求接口

记录一次项目接口优化请求…
首先,输入框中查询请求的数据过于庞大,在不做数据请求时间处理则会出现页面卡死的情况
实现逻辑:{
1. 定义全局定时器
2. 输入时清除定时器
3. 如果没有输入则在输入1秒后再进行数据请求
}
主要代码部分

 let searchTimer = null; //全局定时器
 this.$ele.on('input', '.search input', function () {
   clearTimeout(searchTimer); //输入清除定时器
   searchTimer = setTimeout(function () { 
	  fn(); //接口请求函数
   },1000)
 });

项目是JQuery, 主要了解实现逻辑。

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

词不达意难知

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值