Skip to main content

Problemas entre loop e ajax

Ajax

for (j=0; j < cidade_nome.length; j++) {
    $.post('envia.php', {ano:ano, ano2:ano2, cidade: cidade_nome[j].value}, fnRetorno);
}

Função fnRetorno

function fnRetorno(retorno) 
{
    teste.push(retorno);
    console.log(j);
    if (j == cidade_nome.length) {
        soma(teste);
    }
}

Código Completo

function soma(teste) 
{
    console.log(JSON.parse(teste));
}

function fnRetorno(retorno) 
{
    teste.push(retorno);
    console.log(j);
    if (j==cidade_nome.length) {
        soma(teste);
    }
}

for (j=0;j<cidade_nome.length;j++) {
    $.post('envia.php', {ano: ano, ano2: ano2, cidade: cidade_nome[j].value}, fnRetorno);
}

Pelo ajax ser assíncrono, a função fnRetorno chama a função soma, antes do último resultado do ajax ser colocado no array teste.

Teria alguma forma de garantir que a função teste soma só seria chamado após o ajax ser executado todas as vezes pelo loop?

Rodolfo Oliveira
  • 917
  • 1
  • 10
  • 25