$.when() 多个异步请求成功后再执行后续方法

最新推荐文章于 2024-07-22 14:25:07 发布

bujiongdan

最新推荐文章于 2024-07-22 14:25:07 发布

阅读量3.6k

点赞数

本文链接：https://blog.csdn.net/bujiongdan/article/details/82528389

版权

这篇博客探讨了在jQuery中如何使用$.when()来处理多个异步请求，以避免嵌套回调导致的代码混乱。通过示例展示了如何在所有异步请求成功后执行后续的$.done()方法，使得代码更加清晰易读。同时提到了$.fail()和$.then()方法在处理错误和程序流程控制中的应用。

摘要由CSDN通过智能技术生成

$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) )

.done(

function( a1, a2 ) {

var data = a1[ 0 ] + a2[ 0 ]; // a1[ 0 ] = "Whip", a2[ 0 ] = " It"

if ( /Whip It/.test( data ) ) { alert( "We got what we came for!" );}

}

);

a1是第一个异步返回的数据

a2是第二个异步返回的数据

在

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bujiongdan

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

2个ajax同时执行,如何同时完成多个ajax之后再执行某个方法 ? 使用$.when().done();...

weixin_36040903的博客

08-05

1238

jQuery中的$.when()方法比较复杂，这里不作全面讲解，只写一个同时完成多个ajax请求后执行操作的方法。有时候我们需要等待多个ajax执行完以后，再执行某个操作。写法如下：$.when($.getJSON(url1,function(data1,status){//这里写你需要的操作}),$.getJSON(url2,function(data2,status){//这里写你需要的操作}...

jQuery的deferred对象详解

weixin_34261415的博客

04-26

784

jQuery的deferred对象详解作者：阮一峰日期： 2011年8月16日 jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用a...

参与评论您还未登录，请先登录后发表或查看评论

jquery $.when()多个异步请求成功后再执行后续方法

最新发布

汤一飞

07-22

220

需要保存云信聊天信息到自己的系统, 保存时后台会再确认一次接收消息客服是否还在线, 如果不在线则重新请求接口分配客服, 并转发该消息到新客服。

jquery --- > 使用when方法等待2个异步事件结束后执行某一个函数.

栗子好好吃的博客

05-27

2410

$.when(promise1, promise2) .done(function(args1, args2){ console.log(args1 + args2); } // 上述代码,等待promise1和promise2执行完,打印出(promise1和promise2)使用的参数 // 注:1.promise1和promise2是异步调用的函数,如ajax请求 // 2....

#多个异步请求同步返回后再执行下一步的解决方案($axios与Promise)

cabinx的博客

06-07

6858

多个异步请求同步返回后再执行下一步的解决方案($axios与Promise) 1.业务需求： vue项目，权限管理处理菜单权限树的匹配问题（后端返回一个菜单树与一个权限菜单ID的Array，此时需要对两者进行匹配，以在菜单树得到默认选中状态） 2.需求分析：此时是两个axios请求，而在两次异步请求都完成之后再对两者的返回数据进行匹配处理（其实，先执行一个axios然后在它返回数据后再调用另外一个axios，然后再对两者得到的数据进行处理也可以，本文不讨论），这里我使用的方法是$axios.all与

异步请求成功后再执行后续方法

sx_huangying的博客

05-15

7458

方法一：利用Promise /** * 请求接口 */ function requestUrlS(url, method, data, header) { return new Promise(function(resolve, reject) { wx.request({ url: url, method: method, data: dat...

多个ajax异步执行,初探关于ajax多个请求，但需要全部完成后才能执行的方法

weixin_39932479的博客

08-05

934

本文主要总结一下需要等待多个ajax请求完成后再执行操作的方法最近在做一个英雄榜项目遇到一个问题，需要用到6次Ajax来获取各个榜单的数据再进行操作。一、ajax嵌套ajax，传说中的嵌套金字塔，以及这种方式只能串联发起ajax请求function getDataFun(){$.ajax({url: "/equip_rank",type:'GET',dataType:'jsonp',success...

.NETCore——异步

weixin_45756851的博客

08-08

3171

异步原理、CancellationToken、异步的WhenAll

PHP guzzle异步请求数据,Guzzle中的异步请求

weixin_39609071的博客

03-20

1070

Guzzle中的异步请求使用Guzzle发起异步请求Guzzle是一个PHP的HTTP客户端，它在发起http请求时不仅可以同步发起，还可以异步发起。$client = new Client();$request = new Request('GET', 'http://www.baidu.com');$promise = $client->sendAsync($request)->t...

ajax为多个操作指定回调函数$when.done.fail

漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）

02-14

474

/*为多个操作指定回调函数先执行两个操作$.getJSON("")和$.getJSON("") *如果都成功，运行done()指定的回调函数； *如果有一个失败或都失败了，就执行fail()指定的回调函数。 * */ var url = 'https://iot.qiaodu.net/case/qx/'; $.when( $.getJSON(url + 'api/api.php?act=getArea&tok...

$.when()

rose999ying的博客

01-22

846

function aaa(){ var dfd = $.Deferred(); dfd.resolve(); return dfd; } function bbb(){ var dfd = $.Deferred(); dfd.reject(); //return dfd; } $.when( 123 , 456 ).done(function(){//这里的参数123,456...

$.when(deferreds)

weixin_30765319的博客

07-26

作者：禅楼望月（ http://www.cnblogs.com/yaoyinglong ） 1 引子上一篇博文中介绍的Deferred，它表示一个延迟对象。但是很多时候，我们需要在多个延迟对象（异步代码）都执行完后再去执行另一段代码，这种情况下，使用Deferred就行不通了，就需要使用这里的$.when。 [+]view code var wait1=$.Deferred(), wait...

$.when().done().then()的用法

gtm_198866的博客

09-16

943

jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教程也不多。所以，我把自己的学习笔记整理出来了，希望对大家有用。本文不是初级教程，针对的读者是那些已经具备...

jQuery的 $when()

weixin_30423977的博客

08-10

284

某天看jQuey的deffered对象的时候，突然想起了曾经面试的一个关于ajax的问题，就是同时发送三个ajax请求，当三个请求都成功的时候输出1，当时不知道jQuery的$.when（）,所以以为是一个请求结束的时候去判断另一个，现在想起来好傻。 $.when() 1.5版本以后添加的参数：零个或多个延迟对象（deferred对象），或者普通的JavaScript对象。用处：文档...

$.when 使用数组

peade的博客

09-22

1282

使用$.when的时候，有时候需要传入不确定数量的promise，这个时候，就无法使用官方文档里，将确定数量的promise放进$.when里，使用apply方法，就可以解决这个问题。下面有完整的例子关键点：apply的运用与成功回调参数的获取 function gendef(){ let def=$.Deferred() setTimeout(function(){ ...

jquery中$.when,$.then,$.done等的用法

qingzhizhenhun的博客

12-26

9307

在使用jquery调用Ajax函数时,往往会出现嵌套现象,这样代码写起来很混乱,比如以下情况: $.ajax({ url: "/home/GetProduct", dataType: "JSON", type: "GET", success: function (data) { $.ajax({

$.when多个ajax请求，因为1.5.0版本的jQuery返回的是XHR对象，你没法进行链式操作，应该怎么处理

06-01

可以使用$.when()方法来处理多个异步操作，这个方法可以等待多个异步操作完成后执行回调函数。具体实现方法是将多个XHR对象作为参数传入$.when()方法，然后在回调函数中对返回的数据进行处理。例如，如果有两个ajax请求，可以这样调用$.when()方法： ```javascript var xhr1 = $.ajax({ url: "example1.php" }); var xhr2 = $.ajax({ url: "example2.php" }); $.when(xhr1, xhr2).done(function(data1, data2) { // 处理返回的数据 }); ``` 在回调函数中，可以通过参数data1和data2来获取每个异步操作返回的数据。如果有多个异步操作，可以依次传入多个XHR对象作为参数。需要注意的是，$.when()方法返回的是一个Deferred对象，因此可以继续进行链式操作。例如： ```javascript $.when(xhr1, xhr2).done(function(data1, data2) { // 处理返回的数据 }).fail(function() { // 处理失败情况 }); ```