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

最新推荐文章于 2021-08-06 01:33:02 发布
最新推荐文章于 2021-08-06 01:33:02 发布
阅读量1.6w 收藏 5
点赞数 2
CC 4.0 BY-SA版权
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_34369022/article/details/79412627
本文介绍了一种利用jQuery的$.when方法实现Ajax并发请求的方法，并展示了如何处理两个页面请求返回的数据。通过正则表达式匹配来判断是否获取到了预期的数据，并通过alert提示成功获取。

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

$.when( $.ajax( "/page1.php" ), $.ajax( "/page2.php" ) ).done(function( a1, a2 ) {
  // a1 and a2 are arguments resolved for the page1 and page2 ajax requests, respectively.
  // Each argument is an array with the following structure: [ data, statusText, jqXHR ]
  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是第二个异步返回的数据

                

        

    

    
  



    



                



	

		

			

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

				
			

			

				

					bujiongdan的博客
				

				

					09-08
					
					3741
					
				

			

		

		

			
				
$.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 ...

			
		

	



                

            
              



	

		

			

				
					
html同时执行多个ajax,JS 与 jQuery 等待多个异步请求结束后再统一执行方法

				
			

			

				

					weixin_39815286的博客
				

				

					06-18
					
					1488
					
				

			

		

		

			
				
1.js用Promise方法// 封装地形 GeoJSON 数据接口// 将每个数据接口封装为一个返回 Promise 的函数function getArea () {return new Promise((resolve, reject) => {fetch('./resources/china.json').then(resp =>resp.json().then(china =&...

			
		

	



              


  
              

                


	

		

			

				
					
JS多个异步请求 按顺序执行next实现解析

				
			

			

				

					12-13
				

			

		

		

			
				
在js里面，偶尔会遇见需要多个异步按照顺序执行请求，又不想多层嵌套，，这里和promise.all的区别在于，promise或者Jquery里面的$.when 是同时发送多个请求，一起返回，发出去的顺序是一起；这里是按照顺序发请求
首先创建一个迭代器，接收任意多个函数参数

function nextRegister(){
      var args = arguments;
      var count = 0;
      var comm = {};
      function nextTime(){
        count++;
        if(count < args

			
		

	





	

		

			

				
					
jQuery的deferred对象详解

				
			

			

				

					weixin_34261415的博客
				

				

					04-26
					
					839
					
				

			

		

		

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

			
		

	



		

			
		



	

		

			

				
					
jQuery:多个AJAX/JSON请求对应单个回调并行加载

				
			

			

				

					weixin_34294649的博客
				

				

					05-06
					
					218
					
				

			

		

		

			
				
因为我们使用jQuery,这意味着需要调用 jQuery.getScript 和 jQuery.getJSON 函数。 我知道这些函数都是异步执行(asyncronously)并且会延迟一段时间返回,所以我想知道是否有一种方式,使我可以使用单个回调,并行地加载它们,就像JS加载器 curljs 所做的那样。 很幸运! 通过jQuery.when, 我可以并发地加载两个请求,只执行一次回调!
jQ...

			
		

	





	

		

			

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

				
			

			

				

					weixin_39932479的博客
				

				

					08-05
					
					1001
					
				

			

		

		

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

			
		

	





	

		

			

				
					
jQuery中借助deferred来请求及判断AJAX加载的实例讲解

				
			

			

				

					11-24
				

			

		

		

			
				
总结来说，jQuery的`deferred`对象提供了一种优雅的方式来管理异步操作，使得我们可以更方便地处理AJAX请求的顺序执行，跟踪多个异步任务的状态，以及解决复杂的回调链问题。它通过`$.when`和`.then`等方法，使得...

			
		

	





	

		

			

				
					
jQuery的promise与deferred对象在异步回调中的作用

				
			

			

				

					10-22
				

			

		

		

			
				
- 为了避免嵌套的promise，应当尽量使用`$.when()`来并行处理多个异步操作，而不是在`.then()`中嵌套新的异步操作。  通过理解并正确运用jQuery的promise与deferred对象，开发者可以编写出更加清晰、可维护的异步...

			
		

	





	

		

			

				
					
jquery中的$when done then的用法

					
最新发布

				
			

			

				

					09-22
				

			

		

		

			
				
jQuery 中的 `$.when`，`done` 和 `then` 是一组用于处理异步操作的方法。...总之，`$.when`，`done` 和 `then` 是 jQuery 提供的用于处理异步操作的方法，它们可以帮助我们更方便地管理和处理多个异步操作的结果。

			
		

	





	

		

			

				
					
jquery中的ajax如何返回结果而非回调方式即为同顺序执行

				
			

			

				

					12-10
				

			

		

		

			
				
另外，还有其他处理异步请求结果的方式，例如使用Promise和`$.when`，这在处理多个并发请求时尤其有用。`$.when`可以等待所有请求完成，然后调用一个回调函数处理所有结果：  ```javascript function makeAjaxCalls...

			
		

	





	

		

			

				
					
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享

				
			

			

				

					10-26
				

			

		

		

			
				
我在为  Mozilla Developer Network(Mozilla开发者社区) 写代码时需要加载的一个普通的的脚本文件,以及一个JSON流。 因为我们使用jQuery,这意味着需要调用 jQuery.getScript 和 jQuery.getJSON 函数

			
		

	





	

		

			

				
					
多种异步函数执行顺序解析（如：setTimeout和promise同时存在的情况）

				
			

			

				

					hyupeng1006的博客
				

				

					03-24
					
					1037
					
				

			

		

		

			
				
除了广义的同步任务和异步任务，我们可以分的更加精细一点：

macro-task(宏任务)：包括整体代码script、setTimeout、setInterval
	
	micro-task(微任务)：Promise、process.nextTick
	不同的任务会进入到不同的event queue。比如setTimeout和setInterval会进入相同的Event Queue。
	



s......

			
		

	





	

		

			

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

				
			

			

				

					weixin_36040903的博客
				

				

					08-05
					
					1351
					
				

			

		

		

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

			
		

	





	

		

			

				
					
jq 异步调用一个html,jq异步执行函数完成后再继续执行下一步

				
			

			

				

					weixin_34441120的博客
				

				

					06-10
					
					1026
					
				

			

		

		

			
				
对于一些采用非AJAX异步获取数据的函数，要保证异步加载完成后再继续执行下一步可以采用jq提供的Deferred()的函数。下面是具体的样例：//定义Deferred()函数var dtd = $.Deferred();//异步加载函数 bb为调用函数传递的变量var wait = function(bb, dtd) {var tasks = function() {var aa = [1, 2...

			
		

	





	

		

			

				
					
JS/jquery方法判断条件执行顺序错乱

				
			

			

				

					qq_39997045的博客
				

				

					06-17
					
					526
					
				

			

		

		

			
				
需求
 在提交时判断名称是否重复

问题
 JS函数执行顺序错乱问题

代码


let url = carpath + "请求地址";
let flag = true;
// 调用url方法判断名称是否重复
$.get(url, {"name":name}, function (data) {
    alert("请求操作");
    if (data.obj == false) {
        flag = false;
    }
}, 'JSON');

alert(flag)
...

			
		

	





	

		

			

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

				
			

			

				

					栗子好好吃的博客
				

				

					05-27
					
					2500
					
				

			

		

		

			
				
$.when(promise1, promise2)
.done(function(args1, args2){
    console.log(args1 + args2);
}

// 上述代码,等待promise1和promise2执行完,打印出(promise1和promise2)使用的参数
// 注:1.promise1和promise2是异步调用的函数,如ajax请求
//    2....

			
		

	





	

		

			

				
					
jquery的 异步加载$.when

				
			

			

				

					dxj124的博客
				

				

					09-20
					
					1730
					
				

			

		

		

			
				
$.when()方法


  //这里场景是，需要循环调用接口，拿到所有数据，进行处理
利用$.when的方法


 InitTeamList: function(gameId) {
        var self = Schedules;
        var goUrl = '';
        var teamArr = [];
        var arrTpm = [];
   ...

			
		

	





	

		

			

				
					
jquery多个ajax异步并发处理,jQuery：如何排队多个AJAX异步调用

				
			

			

				

					weixin_33304777的博客
				

				

					08-06
					
					849
					
				

			

		

		

			
				
我的应用程序使并发AJAX异步调用服务器只有4个线程(例如Baracudda服务器)。我需要将我的并发AJAX异步调用转换为顺序异步调用。 jQuery中有没有任何机制可以做到这一点？请建议。jQuery：如何排队多个AJAX异步调用代码：function initiateAJAXRequest() {var promise = $.ajax({type: queue[0].options.typ...

			
		

	





	

		

			

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

				
			

			

				

					gtm_198866的博客
				

				

					09-16
					
					1015
					
				

			

		

		

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

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值