Základní příklad, jak pracovat s XML načítaným pomocí AJAX.
Následující příklad je složen ze třech souborů a ukazuje, jak zpracovávat XML načítané pomoc AJAX.
Krok 1.
V první řadě si vytvoříme ukázkový soubor XML, který bude představovat jídelní lístek. Tento soubor se může např. generovat pomocí PHP nebo jiné technologie. Název souboru je menu.xml.
Krok 2.
Vytvořte soubor HTML, který bude výchozím souborem pro vykonání skriptu a zobrazení data z XML.
Krok 3.
Vytvořte soubor javascriptu, který bude tvořit jádro aplikace. JS skript zde zajišťuje načtení XML souboru prostřednictvím AJAX funkce, následné procházení strukturou XML a vypsání na stránce.
Krok 4.
Celou aplikaci si můžete vyzkoušet pouze pokud máte k dispozici server nebo hosting, na který soubory nahrajete a spustíte v prostředí internetového prohlížeče. Pokud takovým serverem nedisponujete nabízí se ještě jedna možnost. Využít programu Visual Code Studio. Jedná se o IDE pro psaní různých programových kódů. Disponuje také celou řadou zásuvných modulů a jedním z nich je Live Server. Po instalaci tohoto modulu budete mít k dispozici jednoduchý server, na kterém lze uvedenou technologii testovat. V prohlížeči stačí zadat adresu: http://127.0.0.1:5500/index.htm