ajax 服务器压力,web中ajax请求后台的节流方式,减轻服务器压力

场景

web前端中有一些需要与后台一起完成的用户体验,比如输入提示,下拉搜索等,监听键盘事件或者websocket流等不断的通过ajax向后台发送请求,获取详情的数据,而页面中的oninput,mousemove之类的事件是处罚很频繁的,有时候我们需要延长发请求的间隔来节省服务器资源,并且还不丢失用户体验度。这就需要一种解决方案。

解决方案let arr=[];

//输入框

dom=document.getElementById("myinput");

dom.addEventListener("input",function(){

arr.push(this.value);

});

function queryTip(){

if(arr.length>0){

let key=arr[arr.length-1];

arr=[];

$.post(".....",{key:key},function(res){

//请求回来的处理。

if(arr.length>0){

queryTip();

}else{

setTimeout(queryTip,2000);

}

},"json");

}else{

setTimeout(queryTip,2000);

}

}

queryTip();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值