Question

是否有更有效的方式来编写以下内容？我需要遍历objList并将UnqKey传递给wfrmPrint。在成功之后，我必须循环访问Pages。我循环遍历页面和unqkeys，传递一个整数并检查它是否小于长度。我尝试使用从http://www.tentonaxe.com/index.cfm/2011/9/22/Using-jQuerywhen-with-a-dynamic-number-of-objects获取的.when.apply，但它正在加载unqkeys然后加载页面。

//sample objList
[
    {
        "UnqKey": 1,
        "Pages": [
            "wfrmSet1Page1.aspx",
            "wfrmSet1Page2.aspx"
        ]
    },
    {
        "UnqKey": 2,
        "Pages": [
            "wfrmSet2Page1.aspx",
            "wfrmSet2Page2.aspx",
            "wfrmSet3Page2.aspx",
            "wfrmSet4Page2.aspx"
        ]
    }
]

function Loop(iListIndex) {
var obj = objList[iListIndex];

if (iListIndex < objList.length) {
    jQuery.ajax({
        type: "GET",
        url: 'wfrmPRINT.aspx?action=LoadSession&UnqKey=' + obj.UnqKey, //load session that is used in wfrmSet1Pages.. or wfrmSet2Pages..
        success: function () {
            AddPages(obj, iListIndex, 0);
        }
    })
} else {
    alert('Done');
}
}

function AddPages(obj, iListIndex, iPageIndex) {
if (iPageIndex < obj.Pages.length) {
    jQuery.ajax({
        type: "GET",
        url: obj.Pages[iPageIndex] + '?Print=1', //load html 
        async: true,
        success: function (html) {
            iPageIndex++
            AddPages(obj, iListIndex, iPageIndex);
        },
        error: function () {
            alert('Failed!');
            iPageIndex++
            AddPages(obj, iListIndex, iPageIndex);
        }
    });
} else {
    iListIndex++
    Loop(iListIndex);
}
}

Answer 1

您可以做这样的事情，

function getData(arr,arrindex) {
    $.ajax({
        type: "GET",
        url: 'wfrmPRINT.aspx?action=LoadSession&UnqKey=' + arr[arrindex].UnqKey
    }).then(function(data){
        var deferredObj = $.Deferred(), defArr = $.map(arr[arrindex].Pages,function(page){
            return $.ajax({type: "GET", url: page + '?Print=1'});
        });
        $.when.apply(null,defArr).done(deferredObj.resolveWith).fail(deferredObj.resolveWith);
        return deferredObj.promise();
    }).done(function(){
        arrindex++;
        if (arr[arrindex]) {
            getData(arr,arrindex);
        }
        else {
            alert("done!");
        }
    }).fail(function(){
        alert("FAIL!");
    });
}
getData(objList,0);

它按顺序获取每个wfrm，当每个wfrm完成时，立即请求该页面的所有页面。你的循环和延迟$ .when

之间的某种组合

修改：固定$.map参数顺序

Ajax请求循环和等待完成

1 个答案: