javascript
JavaScript/ AJAX & XML Http Request
MyaZ
2020. 4. 14. 10:42
<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!')