Jquery 一次处理多个ajax请求的代码

最新推荐文章于 2018-11-29 16:44:12 发布

转载最新推荐文章于 2018-11-29 16:44:12 发布 · 209 阅读

文章标签：

#javascript #json #php #ViewUI

本文介绍了使用JQuery处理多个Ajax请求的方法，包括利用$.when()实现并发请求及通过传递参数方式请求同一页面的不同功能。

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

Jquery 一次处理多个ajax请求的代码，需要的朋友可以参考下。

复制代码代码如下:

$(document).ready(function () { 
$('#getsetgo').click(function () { 
$.when($.ajax("page1.php"), $.ajax("page2.php")).done(function(a1, a2){ 
$('#id1').html(a1[0]); 
$('#id2').html(a2[0]); 
}); 
}); 
}); 

jquery 1.5发布后，其中新增加方法jQuery.when().可以一次处理多个ajax请求。更多详细情况查看jquery api文档。
Collection by Ancker

jquery 同一个页面处理多个ajax请求的另外一种方法
加一个参数

复制代码代码如下:

$.post( 
"doSysthFile.aspx", 
{ 
type: '1' 
}, 
function(data, textStatus) 
{ 
}, 
"json"); 
$.post( 
"doSysthFile.aspx", 
{ 
type: '2' 
}, 
function(data, textStatus) 
{ 
}, 
"json"); 

在doSysthFile.aspx.cs文件中：

复制代码代码如下:

if ((!string.IsNullOrEmpty(Request["type"])) && (Request["type"] == "1")) 
{ 
//do something 
} 
if ((!string.IsNullOrEmpty(Request["type"])) && (Request["type"] == "2")) 
{ 
//do something 
} 

这个不同的ajax就可以请求同一个页面处理了，不需求为每个ajax请求建立一个新的页面