如何在Ajax请求的success函数中访问请求参数？

循环里发起异步Ajax请求时，回调会因变量引用问题拿到最后一次循环的参数值，下面是几种靠谱的解决办法：

1. 用立即执行函数（IIFE）创建闭包 #

通过IIFE把每次循环的参数封装到独立作用域里，让回调捕获当前作用域的变量，避免被后续循环覆盖：

// 假设这是你的循环逻辑，比如for循环
for (var i = 0; i < someArray.length; i++) {
    var param1Val = someArray[i].param1;
    var param2Val = someArray[i].param2;

    // 用IIFE包裹Ajax调用，传入当前循环的参数
    (function(p1, p2) {
        $.ajax({
            type: 'POST',
            url: someUrl,
            dataType: 'xml',
            data: {
                'param1': p1,
                'param2': p2
            },
            success: function(result){
                // 这里直接用p1和p2就是当前循环的参数值
                console.log('当前param1:', p1);
                console.log('当前param2:', p2);
            }
        });
    })(param1Val, param2Val);
}

2. 利用jQuery Ajax的context选项 #

jQuery的ajax方法支持context参数，可以把需要的参数绑定到回调的上下文（this）中：

for (var i = 0; i < someArray.length; i++) {
    var param1Val = someArray[i].param1;
    var param2Val = someArray[i].param2;

    $.ajax({
        type: 'POST',
        url: someUrl,
        dataType: 'xml',
        data: {
            'param1': param1Val,
            'param2': param2Val
        },
        // 把当前参数作为context传入
        context: {
            param1: param1Val,
            param2: param2Val
        },
        success: function(result){
            // 通过this访问当前循环的参数
            console.log('当前param1:', this.param1);
            console.log('当前param2:', this.param2);
        }
    });
}

3. 用ES6的let声明变量 #

如果你的环境支持ES6，直接用let替代var声明循环内的变量，let的块级作用域会让每次循环创建独立的变量绑定：

// 注意循环里用let声明变量
for (let i = 0; i < someArray.length; i++) {
    let param1Val = someArray[i].param1;
    let param2Val = someArray[i].param2;

    $.ajax({
        type: 'POST',
        url: someUrl,
        dataType: 'xml',
        data: {
            'param1': param1Val,
            'param2': param2Val
        },
        success: function(result){
            // 直接用param1Val和param2Val就是当前循环的值
            console.log('当前param1:', param1Val);
            console.log('当前param2:', param2Val);
        }
    });
}

内容的提问来源于stack exchange，提问作者user3719454