如何在jQuery中更正Ajax函数中的循环变量

Question

for (i = 1; i <= 6; i++) {
    $.post("ajax.php", {param: i}, function (response) {
        console.log(i);
    });
}

如何在$.post完整函数中获取正确的i变量，我可以将变量传递给它吗？

Answer 1

为其添加IIFE，这将复制每个实例的外部i：

for (i = 1; i <= 6; i++) {
  !function( i ){
    $.post("ajax.php", {param: i}, function (response) {
        console.log(i);
    });
  }( i );
}

修改

关于评论中的问题：

在上面的代码中，我使用!告诉解析器，有一个函数表达式，而不是函数声明。这是为了拥有IIFE所必需的，但你可以使用很多不同的方法来实现这一点，如@Wayne所述。

有关详细信息，请查看此问题：

• What is the difference between a function expression vs declaration in JavaScript?
• How do JavaScript closures work?