javascript中异步请求同步化

本文探讨了一种在不改变原有框架的情况下,通过巧妙利用Ajax的同步特性,实现在JavaScript中同步获取异步请求数据的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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同步代码的阻塞效果,在返回结果前就不会执行下面的代码,是不是很爽呢

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猿儿本无心

你的鼓励是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值