szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!

[[oktatas:web:javascript:javascript_ajax|< JavaScript AJAX]]

====== AJAX JSON lekérés ======

  * **Szerző:** Sallai András
  * Copyright (c) Sallai András, 2021
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]]
  * Web: https://szit.hu

===== Példa =====

<code javascript 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);
        }
    }
}
</code>

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:

<code javascript 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);
        }
    }
}
</code>