php-Ajax无法循环工作

这个问题已经在这里有了答案：            >            JavaScript closure inside loops – simple practical example                                    43个
我想在循环中执行Ajax来一次获取数据.我在JavaScript函数中做了类似的事情.

var resultType = $("input[name='resultType']:checked").val();
var finalResult = "";
var loadingMessage = "<img src=\"./results/loader.gif\" alt=\"Loading...\"/><br/>This may take several minutes...";
var htmlMessage=loadingMessage;

$("#result").html(htmlMessage);

for(var i=1;i<5;i++){
    $.ajax({
        type: "GET",
        url: "results/result_html.PHP?usn="+i+"&resultType="+resultType,
        dataType:"JSON",
        success:function(result){
            finalResult+=result;
            result=result+htmlMessage;
            $("#info").hide();
            $("#result").html(result);              
            $("#usn").attr("placeholder", "Class USN");
        }
    });
}

但是它没有按照我的预期执行.如果我删除for循环并直接提供值,那么一切都正确.我对Ajax不太熟悉.有人可以帮我吗？

解决方法:

您正在处理闭包的常见问题.到您的ajax请求执行时,计数器“ i”已经并且始终处于其最后一个值(4).

您必须为该计数器创建一个新作用域,以免发生这种情况；
您可以通过两种方式做到这一点：

简单的方法：

for(var i=1;i<5;i++){
    var counter = i;
    $.ajax({
        type: "GET",
        url: "results/result_html.PHP?usn="+counter+"&resultType="+resultType,
        dataType:"JSON",
        success:function(result){
            finalResult+=result;
            result=result+htmlMessage;
            $("#info").hide();
            $("#result").html(result);              
            $("#usn").attr("placeholder", "Class USN");
        }
    });
}

或正确的方法：

for(var i=1;i<5;i++){
(function(counter){
    $.ajax({
        type: "GET",
        url: "results/result_html.PHP?usn="+"counter"+"&resultType="+resultType,
        dataType:"JSON",
        success:function(result){
            finalResult+=result;
            result=result+htmlMessage;
            $("#info").hide();
            $("#result").html(result);              
            $("#usn").attr("placeholder", "Class USN");
        }
    });
})(i);}