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, 主要了解实现逻辑。