2

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?

12
  • Desculpe, mas você quer que ele chame APÓS executar TODAS as vezes ou seja... uma vez, ou a CADA VEZ que ele terminar de executar a requisição? 19/02/2015 às 16:13
  • Que ele chame a função soma,apenas uma vez.Acho que não deixei claro,perdão 19/02/2015 às 16:16
  • Explique melhor o que pretende fazer com a requisição. O que o servidor faz? Qual o retorno?
    – Oeslei
    19/02/2015 às 16:28
  • A requisição retorna para a função fnRetorno um JSON que deve ser colocado no array,para na função Soma ser gerado um gráfico. 19/02/2015 às 16:30
  • 2
    @Oeslei Opa, desculpe o deslize não lembrei desse detalhe, bom só vejo duas saídas, mudar o ajax para síncrono ou mandar a lógica para o servidor; 19/02/2015 às 16:36

3 Respostas 3

1

No seu caso, dá pra fazer uma coisa bem mais simples do que você está fazendo, e evitaria tantos posts desnecessários, algo do tipo:

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

function fnTest(data, pos) 
{
    teste.push(data, pos);
    if (pos==cidade_nome.length) {
        soma(teste);
    }
}

var data_post = {};
    for (var i in cidade_nome) {
         data_post[i] = {ano: ano, ano2: ano2, cidade: cidade:cidade_nome[i].value};
           fnTest(data_post[i], i);
        } 

    $.post('envia.php',data:data_post, function(rtn) {
          console.log(JSON.parse(rtn));
     });

E no PHP você faz a tratativa que precisa:

<?php
//captura a saída e veja o que retorna para fazer a tratativa 
var_dump($_POST['data']);
exit;
0

Creio que a abordagem mais correta no seu caso seria:

function fnRetorno(j) {

    if (j >= cidade_nome.length) return;

    $.post('envia.php', {..., cidade: cidade_nome[j].value}, function ()
    {
        // Não sei de onde vem a variável 'teste'
        soma(teste);

        fnRetorno(++j);
    })

};

fnRetorno(0);

Pois nesse caso, você vai chamar a próxima chamada ajax apenas quando a anterior for encerrada.

Perceba que o j foi passado por parâmetro. Isso ajuda a diminuir a poluição do escopo do seu código, além de fazer exatamente a mesma coisa desejada no for, que é ele iterar até que haja o elemento equivalemente em cidade_nome.

0

Bom dia Rodolfo tente dessa maneira:

$.ajax({
    //função ajax
}).done(function () {
    //função após o ajax
});

Essa é uma outra maneira, onde você garante uma chamada após o retorno do ajax

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .