JavaScript/ AJAX & XML Http Request

<AJAX>

- Asynchronous

- JavaScript

- And

- XML  -> not anymore, JSON replayed XML these days.

 

 

 

<XML Request>

- the OG way to send requests via JS

- does not support  the 'promise' -> need many callbacks!

- clunky syntax -> hard to remember  

const firstReq = new XMLHttpRequest();
firstReq.addEventListener('load', function () {
    console.log('First Req!!');
    const data = JSON.parse(this.responseText);

    const filmURL = data.results[0].films[0];
    const filmReq = new XMLHttpRequest();
    filmReq.addEventListener('load', function () {
        console.log('Second Req!!');
        const filmData = JSON.parse(this.responseText);
        console.log(filmData);
    });

    filmReq.addEventListener('error', function (e) {
        console.log('Error!!', e);
    });

    filmReq.open('GET', filmURL);
    filmReq.send();

    // for (let planet of data.results) {
    //     console.log(planet.name);
    // }
});

firstReq.addEventListener('error', () => {
    console.log('Error!!');

});

firstReq.open('GET', 'https://swapi.co/api/planets/');
firstReq.send();
console.log('req sented!')