Buen día colegas, soy nuevo con todo esto de JavaScript y Angular así que ojalá me comprendan y me tengan paciencia; resulta que estoy utilizando servicios para hacer la petición a una ruta, hago dos peticiones consecutivas a la misma ruta pero pasándole parámetros distintos, cuando me retorna la respuesta en formato json dicha respuesta retorna de forma incompleta, me explico mejor con código:
Sevicio
getOne(table, id){
let params = 'table=' + table;
let headers = new HttpHeaders(GLOBAL.header);
return this.httpClient.post(GLOBAL.url + 'one/' + id, params, {headers:headers});
}
Componente
ngOnInit(){
this.getTable();
this.headStructure = this.getOne(this.headTable); //Primera petición
//await new Promise(f => setTimeout(f, 500));
this.detailStructure = this.getOne(this.detailTable); //Segunda petición (a la misma ruta
//pero con diferente parámetro)
}
getOne(table){
this.anyService.getOne(table).subscribe(
res => {
console.log(res);
},
err {
console.log(err);
});
}
Ahora bien, el código está resumido para que nos podamos centrar en la problemática, el problema es que tanto la primera como la segunda petición me retornan aquí console.log(res) un archivo json incompleto a menos que utilice esta línea de código
//await new Promise(f => setTimeout(f, 500));
la cual supongo que hace un break de 0.5 segundos entre una petición y otra; la otra opción que también me resultó es utilizar la opción toPromise()
en el servicio así this.detailStructure = this.getOne(this.detailTable).toPromise();
y omitir el subscribe en el componente, mi duda es si estoy actuando de forma correcta ante esta situación o existe una forma más elegante y efeciva de hacerlo, sé que todo esto tiene que ver con una cuestión de peticiones asíncronas, Observables, Promesas, async/await etc.; no niego que he encontrado mucha información al respecto pero no termino de entender toda esta cuestión, mi esperanza es que con este ejemplo quizás puedan blanquear un poco mis dudas, desde ya muchas gracias, saludos cordiales.
this.headTable
ythis.detailTable
y que hacethis.getTable
sigetTable
es otra llamada al server y es la que setea los valores de las variables que pasas a las peticiones ahi puede estar el problema.