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

206 阅读 0 评论 136 点赞

我是靠谱客的博主斯文煎蛋，最近开发中收集的这篇文章主要介绍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请求建立一个新的页面