在函数中使用查询到的json数据

Question

我有一个与此类似的代码：

$.ajax({
        success: function(data) {
            text = '';
            for (var i = 0; i< data.length; i++) {
                text = text + '<a href="#" id="Data_'+ i +'">' + data[i].Name + "</a><br />";
            }            
            $("#SomeId").html(text);

            for (var i = 0; i< data.length; i++) {
                $("#Data_"+i).click(function() {
                    alert(data[i]);
                    RunFunction(data[i]);
                    return false;
                });                
            }
        }
    });

它获取 json 格式的一些数据的数组，然后迭代该数组，为每个条目生成一个链接。现在我想为每个链接添加一个函数，该函数将运行一个对该数据执行某些操作的函数。问题是，在调用ajax success函数后，数据似乎不可用（尽管我认为它们的行为就像闭包）。稍后使用查询到的 json 数据的最佳方式是什么？ （我认为将其设置为全局变量可以完成这项工作，但我想避免这种情况，主要是因为这个 ajax 请求可能会被多次调用）

谢谢。

Answer 1

您的问题是 i 变量由回调共享。

因此，所有回调都在最后一项上运行。

最简单的解决方案是使用 $.each：

$.each(data, function(i) {
  $("#Data_" + i).click(function() {
    alert(data[i]);
    RunFunction(data[i]);
    return false;
  });
});

这将为每次迭代进行单独的函数调用，因此每次迭代都会有一个单独的 i 变量（或者在本例中为参数）。

Answer 2

您可以直接使用 .bind() 并传递数据：

for (var i = 0; i< data.length; i++) {
    $("#Data_"+i).bind('click', {data: data[i]}, function() {
         alert(event.data.data);
          RunFunction(event.data.data);
          return false;
    });                
 }

我认为您犯了一个经典错误，试图在循环中生成函数。变量 i 对于所有函数都具有相同的值，但在循环结束时它甚至不再是有效的数组索引。

另请参阅 JavaScript 闭包傻瓜书（无意冒犯），示例 5。

Answer 3

SLAks 的回答很好，但他未能解释为什么它不起作用。

问题是由于范围界定造成的。试试这个：

var logger = function(x){
  console.log(x);
};
for(var j = 0; j < 10; j++){
  window.setTimeout(function(){
    logger(j);
  }, 1000);
}

那个漂亮的小函数只打印出...9！这是因为对 j 的引用由超时保留，因此到超时运行时，j 已设置为 9。

与之对比的是：

var logger = function(x){
  console.log(x);
};
for(var j = 0; j < 10; j++){
  // we're wrapping our call in an anonymous function
  // don't do this in production code...make the function external instead
  // so you don't create 10 functions
  (function(k){
    window.setTimeout(function(){
      logger(k);
    }, 1000);
  })(j);
}

此版本将内部调用包装在一个匿名函数中，该函数接受作为参数索引。由于 k 的范围现在仅限于该函数，因此记录器将按您的预期工作。