2

Tenho a seguinte função abaixo:

public requisicaoXPTA() {
  this.database.executeSql("SELECT * FROM tbl_xpta",
      []).then((data) => {
      // o resultado retorna aqu na variável data

      }, (error) => {
        console.log(error);    
  });
}

Qndo vou usar essa função faço desta forma:

this.requisicaoXPTA();
this.atualizar();

Na maioria das vezes, a função atualizar() é executada antes da requisicaoXPTA(). Gostaria executar a função atualizar() depois de ter realizado a requisição na tabela. Qual melhor forma de fazer isso de forma síncrona?

5
  • 2
    Já tentou usar o async e await? Commented 1/12/2017 às 15:30
  • 1
    Um chute, que tal adicionar o this.atualizar dentro do .then?
    – Syzoth
    Commented 4/12/2017 às 19:26
  • @GuilhermeNascimento se usar this.atualizar dentro do .then funciona, porém gostaria adicionar o requisicaoXPTA em um outro arquivo(classe), que não seja onde o this.atualizar se encontra. Então por esse motivo eu queria receber primeiro o resultado da função para depois prosseguir para atualização.
    – viana
    Commented 5/12/2017 às 2:15
  • @DiegoAugusto não tentei não. Vou dar uma olhada pra ver como funciona isso ai. Valeu a dica.
    – viana
    Commented 5/12/2017 às 3:41
  • @acklay vou colocar um exemplo nas respostas. Commented 5/12/2017 às 11:46

3 Respostas 3

1

Você pode passar um callback pra ser executado depois da requisição, assim:

public requisicaoXPTA(callback) {
  this.database.executeSql("SELECT * FROM tbl_xpta", []).then((data) => {
    callback();
  }, (error) => {
    console.log(error);    
  });
}

O uso ficaria assim

this.requisicaoXPTA(this.atualizar);
1

Poderia usar a ideia do @LINQ, mas tornado o callback opicional:

public requisicaoXPTA(callback) {
  this.database.executeSql("SELECT * FROM tbl_xpta", []).then((data) => {
    if (callback) callback(data);
  }, (error) => {
    console.log(error);    
  });
}

No momento que vai necessitar do this.atualiza usaria assim:

requisicaoXPTA(this.atualiza);

Quando não for usar basta omitir:

requisicaoXPTA();

Ou poderia usar um parâmetro para dizer quando deve ou não atualizar, por exemplo:

public requisicaoXPTA(refresh) {

  this.database.executeSql("SELECT * FROM tbl_xpta", []).then((data) => {
    if (refresh) this.atualiza(data);
  }, (error) => {
    console.log(error);    
  });
}

Não lembro se this funciona dentro do => {} devido ao escopo, se não der faça assim:

public requisicaoXPTA(refresh) {
  var callback = refresh ? this.atualiza : false;

  this.database.executeSql("SELECT * FROM tbl_xpta", []).then((data) => {
    if (callback) callback();
  }, (error) => {
    console.log(error);    
  });
}
8
  • Opa! Blz bro?! Mas o que estou dizendo é que o método requisicaoXPTA e atualiza estão em classes diferentes. Por isso eu disse que não queria usar o método this.atualiza dentro do requisicaoXPTA. Na prática o requisicaoXPTA deveria me retornando uma lista de "valores". Algo nesse sentido: let values = this.requisicaoXPTA(); Pra depois eu poder usar essa values dentro de this.atualiza();
    – viana
    Commented 5/12/2017 às 3:40
  • @acklay editei o código, veja se faz sentido pra ti agora, passei data como argumento
    – Syzoth
    Commented 5/12/2017 às 3:42
  • Seu primeiro exemplo está fazendo mais sentido pra mim. Amanha vou testar e te falo. Só não tenho certeza se eu colocando em sequência o método atualiza continuará sendo executado antes do método requisicaoXPTA. Você acha que resolve assim então?!
    – viana
    Commented 5/12/2017 às 3:46
  • O problema principal seria porque o método executeSql é assíncrono. Por isso a dificuldade.
    – viana
    Commented 5/12/2017 às 3:49
  • se eu usar somente let values = this.database.executeSql("SELECT * FROM tbl_xpta", []); funciona em partes, porém não conseguir abstrair o objeto data no retorno desta forma. =/
    – viana
    Commented 5/12/2017 às 3:51
0

Você pode usar o async e await que está presente desde o typeScript 2.1.

Exemplo:

public async requisicaoXPTA() {
    return new Promise((resolve, reject) => {
      this.database.executeSql("SELECT * FROM tbl_xpta",
        []).then((data) => {
          resolve(data);
        }, (error) => {
          reject(error);
        });
    })
}

Repare que estou resolvendo a promise para que consigamos pegar o resultado fora da mesma. Feito isso você pode chamar sua função:

let resultado = await this.requisicaoXPTA();

Com o await a promisse será resolvida e 'cursor' ficará travado nessa função até que a mesma esteja completa. Em seguida você pode chamar sua outra função:

let resultado = await this.requisicaoXPTA();
console.log(resultado);
this.atualizar();

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 .