1

To trabalhando em uma tabela de planos, que possuí um script com vários objetos, dessa forma:

var plano_basicoUS = { 
    1: null, // mensal
    2: null, // trimestral
    3: null, // semestral
    4: null, // anual
};

var plano_economicoUS = { 
    1: null, // mensal
    2: null, // trimestral
    3: null, // semestral
    4: null, // anual
};

Eu atualizo os valores de cada um via $.get, assim:

$.get("buscar_valor.php?id=3&periodicidade=monthly", function(resultado){
    plano_basicoUS[1] = parseFloat(resultado);
});
$.get("buscar_valor.php?id=3&periodicidade=quarterly", function(resultado){
    plano_basicoUS[2] = parseFloat(resultado);
});
$.get("buscar_valor.php?id=3&periodicidade=semiannually", function(resultado){
    plano_basicoUS[3] = parseFloat(resultado);
});
$.get("buscar_valor.php?id=3&periodicidade=annually", function(resultado){
    plano_basicoUS[4] = parseFloat(resultado);
});

$.get("buscar_valor.php?id=4&periodicidade=monthly", function(resultado){
    plano_economicoUS[1] = parseFloat(resultado);
});
$.get("buscar_valor.php?id=4&periodicidade=quarterly", function(resultado){
    plano_economicoUS[2] = parseFloat(resultado);
});
$.get("buscar_valor.php?id=4&periodicidade=semiannually", function(resultado){
    plano_economicoUS[3] = parseFloat(resultado);
});
$.get("buscar_valor.php?id=4&periodicidade=annually", function(resultado){
    plano_economicoUS[4] = parseFloat(resultado);
});

Cada consulta do $.get retorna um valor como: 10.00, através do arquivo PHP.

Como são vários objetos, gostaria de não ter que repetir os gets para cada um.

Como posso fazer isso de forma dinâmica, observando que cada $.get tem uma URL diferente? Ou então de forma sequencial, se for o caso.

2 Respostas 2

1

Crie um objeto array onde você possa pegar o nome do objeto e o id que varia de um pra outro:

var valores = [
   {plano: "plano_basicoUS", id: 3},
   {plano: "plano_economicoUS", id: 4}
];

Em seguida crie uma função para dar loop até o limite de números de itens na array, fazendo um sublooping 4 vezes (quantidade de valores dos objetos) chamando a mesma função sempre que um $.get for completado.

Você nem precisa criar os objetos plano_basicoUS e plano_economicoUS de forma manual, a função já cria eles de forma dinâmica:

O código ficaria assim:

var valores = [
   {plano: "plano_basicoUS", id: 3},
   {plano: "plano_economicoUS", id: 4}
];

var contagets = 0;
var contavalores = 1;
function carregaObjs(){
   if(contavalores <= valores.length*4 && contagets < valores.length){

      if(contavalores == 1){
         var periodo = "monthly";
      }else if(contavalores == 2){
         var periodo = "quarterly";
      }else if(contavalores == 3){
         var periodo = "semiannually";
      }else if(contavalores == 4){
         var periodo = "annually";
      }

      var urL = 'buscar_valor.php?id='+valores[contagets].id+'&periodicidade='+periodo;

      $.get(urL, function(resultado){

         //cria os objetos de forma automática
         if(!window[valores[contagets].plano]){
            window[valores[contagets].plano] = {};
         }

         window[valores[contagets].plano][contavalores] = parseFloat(resultado);

         if(contavalores == 4){
            contavalores = 1;
            contagets++;
         }else{
            contavalores++;
         }

         carregaObjs();
      }); 
   }
}

carregaObjs();
15
  • Muito bom heim, só não consegui fazer carregar eles, igual aquela função chama() que tu tinha me passado.
    – Clebson
    Commented 13/06/2018 às 12:29
  • Fiz uma alteração que cria os objetos de forma automática.
    – Sam
    Commented 13/06/2018 às 16:06
  • Na questão da função chama, vc nem precisa colocar um valor, já pega automático: function chama(){ if(contagets == valores.length-1){ $("select.periodicidades").trigger('change'); } }
    – Sam
    Commented 13/06/2018 às 16:07
  • E vc chama a função chama(); dentro do $.get antes desse if: if(contavalores == 4){.
    – Sam
    Commented 13/06/2018 às 16:09
  • Funcionou, mas carregou somente os valores do primeiro plano.
    – Clebson
    Commented 13/06/2018 às 16:34
1

Usa arrays para poderes iterar facilmente e poderes simplificar o código. Em casos destes é bom encontrar padrões para simplificar.

Um exemplo seria:

const periodicidade = ['mensal', 'trimestral', 'semestral', 'anual'];

const promisesPlanoBasico = periodicidade.reduce((promises, periodo) => {
  const nextPromise = $.get(`buscar_valor.php?id=3&periodicidade=${periodo}`);
  return promises.concat(nextPromise);
}, []);

const promisesPlanoEconomico = periodicidade.reduce((promises, periodo) => {
  const nextPromise = $.get(`buscar_valor.php?id=4&periodicidade=${periodo}`);
  return promises.concat(nextPromise);
}, []);

Promise.all([
    Promise.all(promisesPlanoBasico), Promise.all(promisesPlanoEconomico)
  ])
  .then(([plano_basicoUS, plano_economicoUS]) => {
    plano_basicoUS = plano_basicoUS.map(str => parseFloat(nr));
    plano_economicoUS = plano_economicoUS.map(str => parseFloat(nr));

    // aqui podes usar os valores que foste buscar
  })
  .catch(err => console.log(err));

Podes comprimir/optimizar o código ainda mais, se fôr necessário. Podia ficar assim por exemplo:

const promises = ['mensal', 'trimestral', 'semestral', 'anual'].reduce((promises, periodo) => {
  promises[0].push($.get(`buscar_valor.php?id=3&periodicidade=${periodo}`));
  promises[1].push($.get(`buscar_valor.php?id=4&periodicidade=${periodo}`));
  return promises;
}, [[], []]);

Promise.all(promises.map(Promise.all))
    .then(([plano_basicoUS, plano_economicoUS]) => {
      plano_basicoUS = plano_basicoUS.map(str => parseFloat(nr));
      plano_economicoUS = plano_economicoUS.map(str => parseFloat(nr));

      // aqui podes usar os valores que foste buscar
    })
    .catch(err => console.log(err));
0

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 .