4

我有一个函数循环遍历一个多维数组，该数组由我网页上一个区域的 id 和一个我必须传递给 web 服务的参数组成。调用的返回$.ajax()将是我希望在数组的第一部分中填充（重绘）的 HTML：

function getViews(){

    // loop through, need view/jsp name and where we want to put the HTML... need a multidimarray...
    var viewArr = [["infoCol","info"], 
                   ["noteCol", "notes"],
                   ["buttonsDiv", "buttons"],
                   ["historyPanel","history"], 
                   ["servicesPanel","services"],
                   ["noFOUC","dialogs"]
                  ];

    // do the loop
    for(var i = 0;i<viewArr.length;i++){

        var thisArea = viewArr[i][0];

        $.ajax({
            url:"getView",
            type:"POST",
            data:{view:viewArr[i][1]},
            dataType:"html",
            success:function(data){
              console.log(thisArea); // this is always noFOUC
              // console.log(viewArr[i][0]); // this gives an undefined error...
                $("#" + thisArea).html(data);
            },
            error:function(xhr, ajaxOptions, thrownError){
                console.log(xhr.status);
                console.log(xhr.statusText);
                console.log(thrownError);
            }
        }); 

    }
}

现在一切都很好，但是尝试viewArr[i][0]在成功中引用循环的第一部分：回调不起作用！如果我把它放在成功之内：它是未定义的。如果我$.ajax()在上面的示例中给它一个类似的变量，它总是数组的最后一项！我确定我需要在这里添加一个闭包，但我不确定在哪里或为什么，有人可以解释一下吗？

如果我没有很好地措辞或解释这一点，请告诉我，我会更好地解释。

4

1 回答 1

3

d我想我有这个......我在循环中放置了一个自我执行函数......忘记了异步！循环继续...... doh！

function getViews(){

    // loop through, need view/jsp name and where we want to put the HTML... need a multidimarray...
    var viewArr = [["infoCol","info"], 
                   ["noteCol", "notes"],
                   ["buttonsDiv", "buttons"],
                   ["historyPanel","history"], 
                   ["servicesPanel","services"],
                   ["noFOUC","dialogs"]
                  ];

    // do the loop
    for(var i = 0;i<viewArr.length;i++){

        (function(){

        var thisArea = viewArr[i][0];
        $.ajax({
            url:"getView",
            type:"POST",
            data:{view:viewArr[i][1]},
            dataType:"html",
            success:function(data){
                $("#" + thisArea).html(data);
            },
            error:function(xhr, ajaxOptions, thrownError){
                console.log(xhr.status);
                console.log(xhr.statusText);
                console.log(thrownError);
            }
        }); 

        })(viewArr[i][0]);

    }
}
于 2013-01-24T13:06:40.363 回答