由于业务需要,页面本身不停的发送get请求下载资源,有几千个请求挨个发,总共需要下载60M的内容,这就导致带宽被持续占用,普通的ajax请求会非常慢,主要是这个请求的返回数据也有10兆,有没有什么办法让http请求插个队,让其他的请求先等等。
###没办法
好了,然后我们开始抖机灵
- 同步请求,把你这个放在页面最上面,他肯定是最先加载呀。
然后分析一下问题,带宽够吗?
jquery的ajax有个abort事件你看下能否满足你的需求
###你有一千个请求就挨个发,然后偶尔会有插入任务需要插队到这一千个里面.
随手写的,可能不太好,但是也将就满足?
在每一个排队任务完成后都会检查下是否有插入任务,如果有立马执行掉然后再继续执行排队任务
let request = (index) =>{
return () => new Promise((resolve, reject) => {
setTimeout(() => {
console.log(`执行了第${index}个任务`);
resolve(index);
}, 1000);
});
}
let task = [];
for (let i = 0; i < 200; i++) {
task.push(request(i));
}
(async function () {
while (task.length){
await task.pop()();
console.log("还剩下" + task.length);
}
})();
setInterval(() => {
task.push(() => new Promise((resolve, reject) => {
setTimeout(() => {
console.log(`执行了一次插入的任务`);
resolve(true);
}, 500);
}));
}, 2000);
###要实现这个,你还不如换个思路,比如加个按钮,在新标签打开进行执行要优先的 ajax。
远比你现在的想法要靠谱