Me sale este error: Error: Errorhttps://api.escuelajs.co/api/v1/products at exports.XMLHttpRequest.xhttp.onreadystatechange Mi codigo con...

Pregunta de la clase:
Callback hell
Samuel Sebastian Rosalini

Samuel Sebastian Rosalini

Pregunta
student
hace 3 años

Me sale este error:

Error: Errorhttps://api.escuelajs.co/api/v1/products

at exports.XMLHttpRequest.xhttp.onreadystatechange

Mi codigo

const XMLHttpRequest = require(‘xmlhttprequest’).XMLHttpRequest;

const API = ‘https://api.escuelajs.co/api/v1’;

function fetchData(urlAPI, callback){

let xhttp = new XMLHttpRequest(); xhttp.open('GET', urlAPI, true); xhttp.onreadystatechange = function(event) { if(xhttp.readyState === 4) { if(xhttp.status === 200) { callback(null, JSON.parse(xhttp.responseText)) } } else{ const error = new Error('Error'+ urlAPI); return callback(error, null); } } xhttp.send();

}

fetchData(

${API}/products
, function(error1, data1)

{

if(error1) return console.error(error1);

fetchData(`${API}/products/${data1[0].id}`, function(error2, data2){ if (error2) return console.error(error2); fetchData(`${API}/categories/${data2?.categorie?.id}`, function(error3, data3) { if(error3) return console.error(error3); console.log(data1[0]); console.log(data2.title); console.log(data3.name); }); });

});

4 respuestas
para escribir tu comentario
    Angel David Velasco Bonifaz

    Angel David Velasco Bonifaz

    student
    hace 3 años

    Gracias por el apoyo, si el else va en el ultimo if

    Natalia Isabel González Murillo

    Natalia Isabel González Murillo

    student
    hace 3 años

    me sale el mismo error, pero ya cambié en else como indicó LACanales y sigue igual, de resto el código está igual

    Samuel Sebastian Rosalini

    Samuel Sebastian Rosalini

    student
    hace 3 años

    Muchas gracias. Era solamente eso

    Luis Alfredo Canales

    Luis Alfredo Canales

    student
    hace 3 años

    En

    xhttp.onreadystatechange = function(event){

    El else va con el primer if, no con el segundo, creo que ese es el error.

Curso de Asincronismo con JavaScript

Curso de Asincronismo con JavaScript

Explora asincronismo en JavaScript con callbacks, promesas, async/await y generators. Aprende a manejar APIs de manera efectiva en proyectos reales. Domina desde fundamentos hasta técnicas avanzadas para desarrollar aplicaciones más ágiles y modernas.

Curso de Asincronismo con JavaScript
Curso de Asincronismo con JavaScript

Curso de Asincronismo con JavaScript

Explora asincronismo en JavaScript con callbacks, promesas, async/await y generators. Aprende a manejar APIs de manera efectiva en proyectos reales. Domina desde fundamentos hasta técnicas avanzadas para desarrollar aplicaciones más ágiles y modernas.