jQuery队列解决多ajax请求的相应覆盖问题

最新推荐文章于 2021-08-06 07:58:13 发布

weixin_33868027

最新推荐文章于 2021-08-06 07:58:13 发布

阅读量333

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/kenshiro/blog/160625

版权

2019独角兽企业重金招聘Python工程师标准>>>

经常会有这样一个场景,就像google,百度的搜索一样,输入以后立即显示一些相关的内容,这就是简单的ajax的请求,但是这样频繁的请求(每输入一个字符都会发送一条ajax请求),可能会出现相应覆盖的问题(例如第一次请求需要10秒,第二次请求需要5秒,虽然2次请求后,我们需要的是第二次的响应,但是10秒后第一条响应返回后会覆盖第二次)

对于这样问题的解决方案,首先想到的应该是队列.因为队列是先进先出的,可以让ajax求成功返回时,再继续执行下一条ajax请求.这样就保证了多次ajax请求的响应不会出现覆盖问题

jQuery为我们提供了队列机制.只需一下几行简单的代码,就可以实现上述要求

$("body").queue([]);           //初始化空队列   可省略此步
$("body").queue(function(){    //将ajax代码放入队列
    //ajax请求代码
});
$("body").dequeue();           //ajax回调函数中使用 将请求从队列中移除

转载于:https://my.oschina.net/kenshiro/blog/160625