< JavaScript AJAX

AJAX JSON lekérés

Példa

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);
        }
    }
}