<script src="Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript"> $(
function
() {
$("#btn_Request").click(
function
() {
$("#div_Content").html("");
//模拟请求 Handler 地址
var
requestUrl = "JqueryHandler.ashx";
//ajax 请求 action 名称数组
var
requestInfoArr = [
{ Action: "delay1Seconds" },
{ Action: "delay2Seconds" },
{ Action: "delay3Seconds" }
];
//用于保存 Jquery Defered 对象
var
deferredOBJ = [];
//创建 3 个 Jquery Deferred 对象
//与 3 个对 JqueryHandler.ashx 的异步请求一 一对应
for
(
var
i = 0; i < requestInfoArr.length; i++) {
deferredOBJ[i] = $.Deferred();
var
jsonData = requestInfoArr[i];
//记录当前 ajax 请求的索引,方便后面找到对应的 Jquery Deferred 对象
jsonData.Index = i;
//发出 ajax 请求
$.ajax({
type: "POST",
dataType: "json",
url: requestUrl,
data: jsonData,
success:
function
(data, statu) {
//flag 为 0 时表示请求成功
if
(data.flag == 0) {
var
result = requestInfoArr[data.Index].Action + " 请求成功,耗时:" +
data.msg + "秒";
$("#div_Content").append($("<p/>").text(result));