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

====== AJAX ======

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

===== Bevezetés =====

Az AJAX az **Asynchronous JavaScript and XML** angol szavakból alkotott betűszó. 
Aszinkron JavaScript és XML. Röviden a **XMLHttpRequest** objektum használata
a szerveroldali scriptekkel való kommunikációra. Különböző formátumok
átvitelére van lehetősége, úgymint: JSON, XML, HTML és szöveges fájlok.
Az AJAX az ilyen adatok átvitelét a weblap újratöltése nélkül végzi el.

Az előnyök tehát:
  * kéréseket indíthatunk a szerver felé, a weblap újratöltése nélkül
  * adatokat fogadunk a szervertől

<code xml XML>
<dolgozok>
  <dolgozo>
    <nev>Nagy János</nev>
    <telepules>Szolnok</telepules>
    <fizetes>780000</fizetes>
  </dolgozo>
  <dolgozo>
    <nev>Per Mária</nev>
    <telepules>Miskolc</telepules>
    <fizetes>560000</fizetes>
  </dolgozo>
</dolgozok>  
</code>


<code javascript JSON>
{
"dolgozok": [
  {
    "Nev" : "Nagy János",
    "Telepules" : "Szolnok",
    "Fizetes" : "780000"
  },
  {
    "Nev" : "Per Mária",
    "Telepules" : "Miskolc",
    "Fizetes" : "560000"
  }
]
}
</code>

{{:oktatas:web:javascript:ajax_nelkul.png|}}

{{:oktatas:web:javascript:ajax_mukodes.png|}}

{{:oktatas:web:javascript:kliens-szerveroldali-scriptek.png|}}



===== Olvasnivaló =====

  * https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX (2022)

===== Példák =====

  * https://github.com/oktat/exblog.git (2023)