background image

     <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));