Skip to main content
tags editadas
Link
Maniero
  • 484,5mil
  • 94
  • 1,3mil
  • 2,2mil
removeu 1 caractere do conteúdo
Fonte Link
Maniero
  • 484,5mil
  • 94
  • 1,3mil
  • 2,2mil

Fazendo um simples laço FOR, encontrei um comportamento estranho que não consegui entender.

A contagem se "perde" na requisição AJAXAJAX, 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>

Fazendo um simples laço FOR, encontrei um comportamento estranho que não consegui entender.

A contagem se "perde" na requisição 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>

Fazendo um simples laço FOR, encontrei um comportamento estranho que não consegui entender.

A contagem se "perde" na requisição 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>

Pergunta fechada como "Duplicada" por Sergio javascript
Fonte Link
Marcelo de Andrade
  • 7,4mil
  • 2
  • 33
  • 75

Por que o incrementador se "perde" no laço?

Fazendo um simples laço FOR, encontrei um comportamento estranho que não consegui entender.

A contagem se "perde" na requisição 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>