超详细关于处理ajax请求并发的问题

孙怼怼啊

于 2024-07-26 11:09:27 发布

阅读量267

点赞数 3

文章标签： ajax 前端 javascript 经验分享 vue.js

本文链接：https://blog.csdn.net/q897357803/article/details/140710534

版权

1. 并行改串行

Function sync1 (){
	Console.log(‘---------1’)
}
Function sync2(){
	console.log(‘----------2’)
}
Sync1 ()
Sync2 ()

改造=======》

Function sync1 () {
	Console.log(‘------1’)
Sync2 ()
}

2. 循环非阻塞

const Num = 1
Function sync1 (){
	Num++
}
Function sync2(){
	Num++
}

改造=======》

Const timer = setInterval(function (){
	If (num === 2){
		console.log(‘任务已完成’)
		ClearInterval(timer )
	} else {
		sync[num]()
	}
})
这个方法采用了定时间隔触发器，占用CPU比较多，建议酌情使用

3. ajax改为同步

如在jquery中将async参数设置为false
$.ajax({
	Url:　＇ｘｘｘｘ＇，
	Async: false
})

4.使用第三方框架 Jquery

定义实例
var d1 = $.Deferred();  
var d2 = $.Deferred();  
  
function async1(){  
实例返回信息
    d1.resolve( "Fish" );  
}  
  
function async2(){  
    d2.resolve( "Pizza" );  
}  
  调用方法判断是否完成
$.when( d1, d2 ).done(function ( v1, v2 ) {  
    console.log( v1 + v2 + '已完成');  
});

5.使用Promise.all

let num = 0
methods1() {
	num ++	
}
methods2() {
	num ++	
}
methods3() {
	if(num==2) console.log('num为2')
}
Promise.all([methods1，methods2])
.then((res)=>{
	if (num ==2) methods3()
})
在methods1&&methods2顺利执行完之后，调用方法methods3