Question

我正在循环触发多个AJAX请求。它们并行运行，尚不清楚哪个将首先响应。如果响应成功，我可以通过分析响应来识别请求。

for (kk = 0; kk < $('#style').val().length; kk++){
    $.ajax({
        type: "POST",
        url: "/single",
        data: {style: [$('#style').val()[kk]]},
        success: function (results) {
            if (results.status == 'success'){
                $('#results').find('div').each(function(){
                    if ($(this).attr('id') == results.style){
                        $(this).empty().append(results.payload)
                    }
                });
            }
            else{
                $('#results').find('div').each(function(){
                    if ($(this).attr('id') == results.style){
                        $(this).empty().append('<b>' + results.style + ':</b> ' + results.payload)
                    }
                });
            }
        },
        error: function (error) {

            console.log(error);
        }
    });
}

但是，有时，请求会失败并触发错误。为了进行适当的错误处理，我想知道错误属于哪个（先前触发的）请求。

有没有一种干净的方法可以识别特定的AJAX请求？

Answer 1

我建议将标识符通过context传递给AJAX调用，您可以在success或error方法中使用该标识符：

for (kk = 0; kk < $('#style').val().length; kk++){
    $.ajax({
        type: "POST",
        url: "/single",
        data: {style: [$('#style').val()[kk]]},
        // data inside "context" will be available as part of "this" in the success/error case. 
        context: {
          "kk": kk
        },
        success: function (results) {
            if (results.status == 'success'){
                console.log("Element " + this.kk + " finished successfully.");
                $('#results').find('div').each(function(){
                    if ($(this).attr('id') == results.style){
                        $(this).empty().append(results.payload)
                    }
                });
            }
            else{
                $('#results').find('div').each(function(){
                    if ($(this).attr('id') == results.style){
                        $(this).empty().append('<b>' + results.style + ':</b> ' + results.payload)
                    }
                });
            }
        },
        error: function (error) {
            console.log("Element " + this.kk + "failed.");
            console.log(error);
        }
    });
}

有关context的更多信息可以在jQuery documentation中找到。

关于您检查有多少个呼叫失败/成功的评论：这是JsFiddle，演示如何跟踪呼叫统计信息。

识别AJAX请求

1 个答案: