Проблема в том, что вы используете в каждом замыкании одну и ту же переменную i - которая меняется. Чтобы сохранить значение переменной неизменным - надо создать новый контекст путем вызова анонимной функции.
Вот один из способов:
for (var i=1; i<=100; i++)
!function(i) {
// $.post(... и т.д.
}(i);
Что за магия тут происходит?
function(i) { ... }
- это объявление анонимной функции, принимающей параметр i
. Этот параметр скрывает внешнюю переменную i
.
function(i) { ... }(i)
- это вызов объявленной анонимной функции, с передачей ей значения переменной i
как параметра. Теперь внутри функции параметр i
равен тому значению, которое имела переменная i
на момент вызова. Теперь цикл может пройти дальше, значение переменной i
изменится на 101 - но внутри анонимной функции значение параметра i
останется неизменным.
!function(i) { ... }(i)
- это один из способов написать прошлый вариант так, чтобы интерпретатор понял, что это именно выражение. Дело в том, что если строка начинается со слова function
- интерпретатор будет считать его определением именной функции, и будет синтаксическая ошибка. Чтобы этого избежать, к выражению добавляется любая операция.
Допустимы также такие варианты конструкции:
~function(i) { ... }(i)
+function(i) { ... }(i)
-function(i) { ... }(i)
1/function(i) { ... }(i)
(function(i) { ... })(i)
(function(i) { ... }(i))
Еще один вариант - обернуть в анонимную функцию не тело цикла целиком - а только функцию обратного вызова, передающуюся в $.post
:
for (var i=1; i<=100; i++)
$.post("http://192.168.100.67/vtnuft/group"+i+"/check.php", function (i) {
return function (responce) {
// ...
}
}(i))
Тут анонимная функция находится не в самом начале строки - а потому никаких хитростей не требуется. Выбирайте тот вариант, который нравится.
i
- 101