 |
Jquery ajax() témakörök. |
 |
Minden jQuery használhatja AJAX módszereket, az ajax () metódust.
Ezek a módszerek többnyire kérelmek, melyekben más módszerek nem alkalmazhatók.
Az itteni témakörökben leírtakat és másolható példákat tesztelni,
a következő két esetben tudjuk:
- Bérelt tárhely szerverén, a htdocs mappában tesztelhetjük és véglegesíthetjük.
- Otthon. Telepíteni kell számítógépünkre az APACHE szervert, és annak a htdocs mappájába kell elhelyezni programjainkat.
Majd programjaink böngészőben történő teszteléséhez, a htdocs mappában lévő fájlok megjelenítéséhez, böngészőablak keresősávjába, a szerver telepítésekor megadott nevet, például a localhost nevet kell beírni.
Böngészőkkel domainek közötti hozzáférés, mely az Ajax kérésekre is érvényes:
- Biztonsági okokból a modern böngészők nem teszik lehetővé a tartományok közötti hozzáférést.
- Ez azt jelenti, hogy a weboldalnak és a betölteni próbált XML-fájlnak is, ugyanazon a szerveren kell lennie.
- Ha a lenti példákat szeretné használni valamelyik saját weboldalán, akkor a betöltött fájloknak, a saját tárhelyén, szerverén kell lenniük.
Megjegyzés:
- Ajax és módszerei:
- Szerveren alkalmazható, tesztelhető. Otthoni gyakorláshoz, telepíteni kell számítógépünkre az APACHE szervert.
- Hivatkozásoknak és fotóknak a meghívott oldalon, globális elérési URL címet kell meghatározni, hogy a meghívó oldalon, eredeti meghatározás szerint jelenjenek meg.
- Meghívott oldal kódolása UTF-8 BOM legyen, ha ANSI vagy Karakterkódolás, akkor ékezetes karaktereket ASCII-re kell kódolni, hogy olvasható formátumban jelenjenek meg, a kérések.
- Alkalmazható szerveroldali programok felé történő kérelmekre. Például: Adatfeldolgozásra, stb.
- <iframe> és a hivatkozási <a> link, hasonlít az Ajax load() lekérdezéshez:
- De, nem alkalmazhatók szerveroldali programok felé történő kérelmekre. Például: Adatfeldolgozásra.
- Viszont, szerver nélkül is alkalmazhatók, tesztelhetők, tartalmak megtekintéséhez, lekérdezéséhez.
- HTML dokumentumot eredeti formátumában jelenítik meg, kódolástól függetlenül.
Témakörök.
- load() Visszaadja lekérdezett oldal tartalmát.
- load('../mappanev/hivhato.html');
- $.ajax() Végrehajt egy aszinkron AJAX kérést.
- $.ajax({url: '../mappanev/hivhato.html', error: function(xhr) {.....} });
- $.ajax({url: '../mappanev/hivhato.html', success: function(result) {.....} });
- Ajax kérésekhez, további paramétereket is meghatározhatunk.
- $.get() és $.post() kérés.
- GET egyszerűbb és gyorsabb, mint a POST, és a legtöbb esetben használható.
- Azonban mindig használjon POST kéréseket, ha:
A gyorsítótárazott fájl nem választható (fájl vagy adatbázis frissítése a kiszolgálón).
Nagy mennyiségű adat küldése a szerverre (a POST-nak nincs méretkorlátozása).
A felhasználói bevitel küldése (amely ismeretlen karaktereket is tartalmazhat),
a POST robusztusabb és biztonságosabb, mint a GET.
- $.getScript()
- Külső JavaScript program futtatása, AJAX kérés segítségével.
|
További AJAX módszerek.
- $.getJSON. Katt ide!
- JSON jelentése JavaScript Object Notation.
Leegyszerűsítve JSON egy módja formázási adatoknak, például továbbítja a hálózaton keresztül.
|
Kérésekkel kapcsolatos meghatározások.
- $.ajaxSetup()
- ajaxSend
- Beilleszti a tartalmat egy beazonosított <div> elem területére, amikor egy AJAX kérést küldünk.
- ajaxSuccess
- Ez egy Ajax esemény. Ajax kérés sikeresen befejeződött, csatolt funkciót végre kell hajtani.
|
Szérializálás, URL lekérdezési formátumba.
A folyamatos értékeket lehet használni az URL lekérdezési karakterláncban, egy AJAX kéréshez.
Maximum URL hossz, 2048 karakter lehet.
- serialize(). Kattints ide!
- serialize () metódus: Szérializáláskor a form értékekből, létrehoz egy URL kódolt szöveget.
Melyet lehet használni, az URL lekérdezési karakterláncban.
- jquery-serializeArray(). Kattints ide!
- serializeArray() metódus: Egy tömböt hoz létre form értékek szerializálásáról (név és érték) formátumban.
- $.param(). Kattints ide!
- Meglévő objektum adatait paramétereit szérializálja, azaz, sorba rendezi úgy, hogy azok, megfeleljenek a
kimeneti eredménynek, URL lekérdezési karakterlánc formátumnak.
|
Kérés előtt, alatt, utána, és hiba esetén, mi legyen.
- ajaxStart()
- jQuery ajaxStart() metódus: Aktiválódik amikor egy AJAX kérés indul, és ekkor egy függvényt lefuttathatunk.
- ajaxComplete()
- jQuery ajaxComplete() metódus: Minden alkalommal, amikor egy AJAX kérés befejeződik, ezzel a módszerrel lefuttathatunk egy függvényt.
- ajaxStop
- Alkalmazásával lefuttathatunk egy általunk meghatározott függvényt, amikor az összes AJAX kérés befejeződött.
- ajaxError
- Alkalmazásával lefuttathatunk egy általunk meghatározott függvényt, amikor az AJAX kérés sikertelen..
|