javascript中异步请求同步化

时间:2021-07-11 05:03:25

  在处理大型公司的异步请求时,为了迎合公司的整体框架,在发送异步请求时想要对获取的数据作为返回值使用,但是却无法实现,因为异步代码总是在同步的执行完后才开始

 开始时用了错误的办法,如下 

var result;
$.ajax({
url:***,
success:function(data){
result=data;
})
while(!result){
 
}
return reasult;

实际上就算你把while写成死循环最后都不会获取到值,那么怎么获取异步的值呢,聪明的人已经发现,当调试alert时是可以获取到结果的,原因是当执行alert时js的UI机制会产生阻塞,阻碍同步代码的执行,当同步代码被阻断时,异步代码开始执行,那么我们怎么使用js的这种模拟框式的阻断模式呢,办法是可行的但是处理起来相当麻烦,因为js天生就是单线程的,而且w3c从来没公布过阻断代码执行的接口,接触底层的模拟框代码很少,就算接触了也不一定能看懂,再次百度发现nodejs有这个方法,但是公司没用这个后端框架,没办法只能另寻办法,然后就想到了ajax的async,当然如果是jquery的ajax代码,我们直接可以用async:false来处理,但是如果是其他异步代码呢?

我的思路是这样的,还是利用ajax的同步方法

var result;
$.ajax({
url:***,
success:function(data){
result=data;
})
while(!result){
 $.ajax({url:***,async:false})  //目的是为了产生阻塞
}
return reasult;

利用ajax同步代码的阻塞效果,在返回结果前就不会执行下面的代码,是不是很爽呢

 博主不易 转发记得留下脚印哦