¿Cómo ejecuto una solicitud HTTP sincrónicamente y almaceno el resultado en un objeto local con Javascript?
Dado el siguiente módulo javascript:
var Promise = require("promise"); function myReq(url) { return new Promise((resolve, reject) => { const xhr = new XMLHttpRequest(); xhr.open("GET", url); xhr.responseType = 'json'; xhr.onload = () => { if (xhr.status >= 400){ console.log("got rejected"); reject({status: xhr.status, statusText: xhr.statusText}); } else { console.log("resolved"); resolve({data: xhr.response}); } }; xhr.onerror = () => { console.log("Error was called"); reject({status: xhr.status, statusText: xhr.statusText}); }; xhr.send(); }); } export default myReq;Quiero que el objeto json de esta solicitud se almacene en una variable local en otro script. Sin embargo, cuando pruebo este código, lo ejecuta de forma asíncrona.
1. import myReq from '../../lib/myReq'; 2. const urlTest = "localhost://3000:/somepath"; 3. const test = myReq(urlTest).then((a) => {console.log(a); return a;}).catch((b) => console.log(b)); 4. console.log(test.data);Quiero que se detenga en la línea 3, ejecute el código, almacene el objeto javascript en prueba y reanude la ejecución del resto del código. En este momento, la prueba es una Promesa y test.data no está definido.
myReq devuelve una Promesa, ¡NO solo los datos! Es por eso que necesita usar los bloques then & catch , o alternativamente usar await .
// myReq function returns a Promise, NOT a value! (Not returning 5!) function myReq(url) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(5); }, 5000); }); } // Option 1 myReq('someurl').then((data) => { console.log('data (option 1)', data); // You can use the data here, inside the 'then' block }).catch((error) => { console.log('error', error); }); // Option 2 const run = async () => { try { const data = await myReq('someurl'); // await must be called from an 'async' function console.log('data (option 2)', data); // You can use the data here, inside the 'try' block } catch (error) { console.log('error', error); } }; run();Si desea convertir esto en un proceso síncrono, puede usar directamente async/await para manejar el proceso en lugar de pasar directamente al siguiente paso. Como si pudieras hacer algo como:
try { const result = await myReq(url); } catch (e) { // Handle error generated in the process } recuerde que solo puede async/await en pareja significa que solo dentro de una función async puede usar la palabra clave await . Para más detalles puedes visitar este artículo
Espero que esto ayude. Que tengas un buen día.