Присоединение динамических переменных к функции обратного вызова ajax

Question

У меня есть цикл, который отправляет запросы AJAX.Я хочу включить индекс цикла в мою функцию обратного вызова ajax:

for (i=0;i<10;i++) {
    $.ajax({
        data: "index="+i
        success: function (data) {
            //I want to be able to see the variable (i) here
            //since the request is async, it returns the last index on all
            $("#div"+i).append(data);
        }
    })
}

Answer 1

Вы должны будете завернуть это в закрытие. Это должно сделать это:

for (i=0;i<10;i++) {
    (function(i) {
        $.ajax({
            data: "index="+i
            success: function (data) {
                //I want to be able to see the variable (i) here
                //since the request is async, it returns the last index on all
                $("#div"+i).append(data);
            }
        })
    })(i);
}

Answer 2

Вы должны создать замыкание вокруг вашего ajax-запроса, чтобы сохранить значение i как локальное для функции обратного вызова запроса:

for (i=0;i<10;i++) {
    (function(i) {
        $.ajax({ /* ... */ });
    })(i);
}

Answer 3

Вы можете использовать data для возврата параметра индекса, а также остальных данных.

1: REST OF DATA HERE

Просто удалить индекс из строки данных.