Fazendo um simples laço FOR
, encontrei um comportamento estranho que não consegui entender.
A contagem se "perde" na requisição AJAX
AJAX, mantendo o valor do incrementador com o último. A requisição a URL sempre retorna 200
e mesmo assim não influencia em nada para a execução correta.
Há algo relacionado com escopo da variável?
for (i = 0; i < 60; i++) {
console.log("For:" + i);
var urlMapas = "http://servicomapas.ibge.gov.br/api/mapas/" + i + '/1';
$.ajax({
url: urlMapas,
dataType: "json",
success: function(data) {
console.log("AJAX:" + i);
}
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
for (i = 0; i < 60; i++) {
console.log("For:" + i);
var urlMapas = "http://servicomapas.ibge.gov.br/api/mapas/" + i + '/1';
$.ajax({
url: urlMapas,
dataType: "json",
success: function(data) {
console.log("AJAX:" + i);
}
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>