AJAX JSON lekérés

• Szerző: Sallai András
• Copyright © Sallai András, 2021
• Licenc: CC Attribution-Share Alike 4.0 International
• Web: https://szit.hu

app.js

let url = 'http://localhost:8000';
 
let http = new XMLHttpRequest();
http.open('GET', url);
http.send();
http.onreadystatechange = () => {
    if (http.readyState === XMLHttpRequest.DONE) {
        if(http.status === 200) {
            console.log(http.responseText);
        }
    }
}

Az előbbi példában ugyan megkapjuk a JSON eredményt, de nem tudunk hivatkozni rá mint egy objektumra. Használjuk a JSON.parse() metódust:

app.js

let url = 'http://localhost:8000';
 
let http = new XMLHttpRequest();
http.open('GET', url);
http.send();
http.onreadystatechange = () => {
    if (http.readyState === XMLHttpRequest.DONE) {
        if(http.status === 200) {
            let data = JSON.parse(http.responseText);
            console.log(data.products.items);
        }
    }
}