Diskusia – 11. diel - Ajaxu v JavaScripte - Základné otázky

Uprednostniť XMLHttpRequest pred Fetch API mi nepripadá ako dobré rozhodnutie, a už vôbec nie z dôvodu, že je Fetch API vraj ťažšie. Pretože nie je - vzniklo okrem iného aj kvôli zjednodušeniu práce s AJAX volaniami.

Nikdo nic neupřednostňuje, pouze prezentujeme znalosti chronologicky, jak je to v lekci i řečeno. Bez XMLHttpRequest se stejně neobejdeš, protože je to standardní a hojně používaný objekt, který musí každý znát. Novější fetch() je založené na promisách, které patří k pokročilejším technikám v JS a vyžadují další znalosti.

Prosím o radu, když do proměnné apiUrl dám cestu k nějakému existujícímu txt souboru na webu, tak se mi vůbec callback funkce nezavolá.
let apiUrl = "https://1836­85.w85.wedos.ws/ak­tualniHrac.txt";
xhr.open("GET", apiUrl);

Když tam dám zpět tu cestu na pokemony, tak se zavolá. Rád bych si přes ajax načetl obsah nějakého txt nebo PHP souboru na svém webu pro synchronizaci vícero současně připojených klientů.

Tak jsem kód zadal, propojil s HTML a když ho pak pustím, stránka zobrazí: ,,Not Foud". Vzhledem k absenci řešení na konci lekce jsem bez šance si zkontrolovat jestli jsem udělal chybu a kde.

Kód nefunguje, bez možnosti ověřit správnost kódu.

Kód funguje.

Vytvořte si soubor index.html ve kterém si nalinkujte script (<script src="js/obslu­ha.js"></scrip­t>), který bude ve složce /js, pojemenujte ho například obsluha.js a bude obsahovat:

'use strict';

let xhr = new XMLHttpRequest();

let apiUrl = "https://pokeapi.co/api/v2/"; // Toto je naše URL, se kterou budeme pracovat.
xhr.open("GET", apiUrl + "pokemon"); // Připojíme k URL řetězec pokemon - pomocí této URL získáme názvy pokémonů dostupných v databázi serveru.
xhr.send();

xhr.onload = () => {
    document.write(xhr.response);
}

No tak ono je dost možné že jsem chybu uděalal já, ale narozdíl od ostatních lekcí tu není možnost stáhnout fungující script.

Krásný výsledek

Děkujeme za podněty. Na aktualizace kurzu pracujeme.