Ajax - Mi ez? Aszinkron JavaScript és XML: előnyök és hátrányok

Most meg lehet nézni az interneten egyre népszerűbb a használata és az új technológiák alkalmazása. Egyikük - a AJAX. Mi ez? Milyen tulajdonságokkal van rajta? Hol lehet jelentkezni? Mindezek a kérdések megtalálhatók lesznek a választ ebben a cikkben.

általános információk

Hogy áll AJAX? Mit jelent ez? Ez a csökkenés egy mozaikszó. Ez áll a aszinkron JavaScript és XML ( „aszinkron JavaScript és IKSML”). Gyakran lehet látni vagy hallani a tájékoztatást, hogy az új technológiával. De ez nem igaz. Az a tény, hogy a JavaScript és XML, van már elég hosszú idő, míg a „Ajax” szintézise ezeket a technológiákat. Leggyakrabban ez együtt használják a Web 2.0 kifejezés, és azt értjük, hogy a fejlett tervezési technikák.

És mi jellemző?

Tehát, már van egy általános képet, hogy mi AJAX. Mit ad nekünk a gyakorlatban? Miért van, hogy aktívan beszélni annak alkalmazása? A különlegessége ennek a technológiának - az, hogy ha használja, nem kell frissíteni az egész oldal az első kereslet. Végtére is, akkor kérheti az új adatok csak egy részét. Ez kényelmes (mert minél kevesebb időt kell várni), és a költségek (azok számára, akik nem korlátlan internet). Ahhoz azonban, hogy tájékoztatja a felhasználót arról, hogy mi történik a frissítés kívánatos, hogy legalább egy terhelését mutató vagy szöveges üzenetben tájékoztatja az új adatokat a szerverről. Mivel minuses technológia gyakran utalt arra a tényre, hogy nem támogatják a hagyományos és a szöveges böngészők. És képes letiltani a Javascript technológia a felhasználó, mint sok, és élveztem. Ezért nem szabad visszaélni AJAX. Hogy tud adni, ha nem, hogy alternatív módszereket nyújt információt? A legjobb esetben az adatok csak nem jelenik meg az oldalon. A legrosszabb - a megjelenése annyira érintett, hogy a felhasználó már nem tért vissza.

Előnyei „Ajax”

Ez a technológia két módszer, ami által egy weboldal lehet megvalósítani. Az első magában foglalja a változások újraindítás nélkül. Ez úgy valósítható meg dinamikus kéréseket a szerver. A második magában foglalja a különleges technológiák, a legnépszerűbb, amely az XMLHttpRequest. Viszonylag maga előnyei, „Ajax” a következőket mondhatjuk:

1. Akkor létrehozhat egy kényelmes web-alapú alkalmazás, amely felület lesz egész szám szép funkciók a felhasználó számára, azzal az eredménnyel, hogy megkönnyítse az emberi interakció és a honlap.
2. Ahelyett, hogy egy teljes oldalt újratölteni részleges. Ez erőforrásokat takarít meg és optimalizálja a gép teljesítményét.
3. A szerver része a helyszínen aktívan kommunikál a felhasználóval.
4. Hasznos végrehajtásához számos ötletet.

közlekedő

Itt például, kell egy űrlapot, amelyet fel lehet használni, hogy tanácsot adjon ügyfeleinek. Hogyan lehet tenni? Először is kell vigyázni a „hordozó” az információ. Ehhez létre kell hoznia egy XMLHttpRequest objektumot. Úgy viselkedik, mint egy közvetítő között a szerver és a felhasználó böngészőjének. Ezzel objektum küld kéréseket és válaszokat rájuk. A közvetlen adatcsere, szükségünk AJAX PHP. Ezek az eszközök segítségével hajtható végre kap- vagy POST-lekérdezéseket. Ebben az esetben a szükséges érvek kerül átadásra közvetlenül az URL-t. Ugyanakkor fog futni a funkciót, és azért, hogy az adatátvitel nem szakad meg. De hogyan lehet megvalósítani az AJAX-kérés? Javasoljuk POST. Hála neki, akkor át korlátlan mennyiségű adat, ami ráadásul sokkal nehezebb hozzáférni.

működési elve

Hogy vannak a aszinkron JavaScript és XML a gyakorlatban? Nézzük megérteni ezt egy példa. Beépített képest a szerkezet meg kell győződnie arról, hogy az ügyfél része biztosítja az összes szükséges funkciót irányuló biztonságos adatcsere. Meg kell, hogy a szükséges eljárásokat információ továbbítására kiválasztott módon. A szerver része biztosítania kell, hogy az adatok feldolgozása, és ezek alapján már, hogy új információkat továbbadják a vevőnek. A leggyakoribb típus a kölcsönhatás dolgozni az adatbázissal. Korábban már említettük egy eleme számos üzleti oldalakat, mint egyfajta visszajelzést. Az előnye, hogy „Ajax” ebben az esetben az, hogy az általa birtokolt aszinkron adatátvitel. Más szóval, míg az információt küldött, a felhasználó képes minden szükséges intézkedést neki. Középpontban a sajátosságait minden esetben el kell döntenie, hogy szeretné ezt a folyamatot, hogy tájékoztassa a látogató az oldalon. Relatív, hogy ugyanazt a visszajelzés formájában kell mondani, hogy ebben az esetben tudunk írni „üzemeltető tárcsázza a válasz”, vagy valami hasonló.

szerverválasz

Ő jöhet nem csak az XML, mint gondolná, mert a név a technológia. Ezen felül, akkor lehet továbbítani sima szöveget vagy JSON. Az első esetben az információ azonnal megjelenik az oldalon. Ha az XML, meg kell vigyázni, hogy AJAX-fájl megfelelően feldolgozott az ügyfél böngésző. Minden adat ebben az esetben alakul át (X) HTML. Amikor a JSON formátum el kell végezni a kódot, hogy a teljes tárgy Javascript. Szükséges, hogy legyen óvatos, és figyelembe kell venni azt a tényt, hogy sok hacker kívánja továbbítani rosszindulatú kód segítségével ezt a technológiát. Ezért szükséges, hogy az adat-ellenőrzési folyamat előtt dolgozzák fel. Jellemzői megvalósítás különböző böngészők lehet kissé eltérő, de általában a cselekvés itt van egy rendszer.

Azt, hogy egy kérést a szerver és a válasz feldolgozása

Az egész műveletsorozat a következő:

1. Kezdetben akkor létre kell hozni, és győződjön meg arról, hogy van XMLHttpRequest.
2. Ezután inicializálja kapcsolatot a szerverrel.
3. Küldje el a kérelmet, hogy azt.
4. Megvárjuk adatok jönnek, és feldolgozza azokat.

Meg kell mondani, hogy néhány a funkciók létrehozására az objektum. Meg lehet kezdeményezni olyan helyen, ahol csak akkor lehetséges keretein belül a programozási nyelv. De ha státust kapott egy globális, bármelyik időpontban az, hogy meg lehessen dolgozni csak egy kérés. Ezen a ponton meg kell szentelnie. Kezelés tekintetében - itt nagy hangsúlyt fektetünk a választott eszköz. Tehát, ha az XML adatok feldolgozása DOM-funkciók, és bemutatja a felhasználónak a végeredmény HTML-ben. És mi köze van a JSON-eddig? Meg kell érteni, hogy ez a tárgy jelölést Javascript. Mit jelent ez? Due JSON objektum is képviselteti magát egy húr. De nem szabad elfelejteni, hogy ez a módszer nem biztos, hogy a teljes, és sok tényezőt kell figyelembe venni. De általában, ez nagyon egyszerű.

Szerver-oldali programozási nyelv

Szinte bármilyen webes alkalmazás őket így vagy úgy. Adatátvitelre a legnépszerűbb PHP. Az általában levelet fájlokat oldalak, ahol nem kritikus adatátviteli sebességet, és az előnyös egyensúly közte és a megbízhatóság. XMLHttpRequest átviteli fentiekben tárgyalt eljárások.

konfigurálása szerver

Milyen programokra van szükség annak érdekében, hogy teljes mértékben működnek AJAX? Mit jelent ez a számunkra? Mik azok számára? Ahhoz, hogy választ ezekre a kérdésekre, akkor ismerkedjen meg a következő listát:

1. HTML / XHTML. Ezek szükségesek, hogy a szerver ismeri az oldal elrendezését.
2. CSS. Ez az eszköz szükséges vizuális kiválasztása oldal design.
3. DOM. Erre azért van szükség annak érdekében, hogy a dinamikus változásokat az oldalon, mint a válasz a felhasználói beavatkozást.
4. XML. Szükséges adatátvitel a kliens és a szerver.
5. JavaScript. Létre kell hoznunk egy kurzor „Ajax” és az interaktivitás.
6. XMLHttpRequest. Object amelyen keresztül lekérdezéseket továbbítani fogják a szerveren.

A helyszínen

Tehát most már mind az elméleti tudás és ötletek arról, hogy a AJAX. Az adatok küldése már csak szükség van egy bizonyos gyakorlat. Nézzük úgy általában, hogyan kell megközelíteni a végrehajtása a feladat a „Ajax”. Szóval, mi kell, hogy hozzon létre egy vezető adatbázis. És ők különböznek eszközök lehet működtetni. Meg kell jegyezni, hogy a fenti adatbázis igen nagy, úgyhogy csak küldje el az ügyfél és azt nyújtani, hogy a kiválasztás a JavaScript nincs értelme. Az is kívánatos, hogy a saját web oldal újratöltése miatt egyetlen paramétert. A szerver kérések kezeli külön PHP szkripteket. Az adatbázis megvalósítása egy XML-fájlt.

Mintegy adatbázis

Meg kell, hogy dolgozzanak ki a szerkezetet. És mi van, ha az átadott paraméterek, amelyek a tárgyak? Ebben az esetben van szükség, hogy a teremtés egy változó, ahol nem lesz kapcsolat, hogy a hívás esetén a funkciót. Ahhoz, hogy bárhonnan elérheti ez szükséges ahhoz, hogy a globális kódot. Az egyszerűség kedvéért kívánatos, hogy egy adatbázis-kezelő rendszer. Természetesen ez nem feltétlenül szükséges. De még mindig lehetővé teszi a használatát az adatbázis többet dolgozni kényelmesen és hatékonyan az adatokat.

Dolgozunk a motor működése

Hogy minden úgy fog történni? Tehát, ott jön egy bizonyos esemény, amelynek hatására egy speciális funkciót. Ő fog készíteni egy GET vagy POST-adatokat fog küldeni. Ezután hívja meg a függvényt, amely biztosítja, hogy a fellebbezést az URL a szerver script. Meg kell elképzelni létrehozását XMLHttpRequest objektum. A hivatkozás azt kell tárolni egy változó. Miután az adatokat küldtek a szerverre, meg kell várni a választ tőle. Ehhez, akkor kapcsoljuk be a „lehallgatás” információt szerezni (ha ismert, eljön, és mikor), vagy olyan függvény, amely mindig készen áll az adatok fogadására. Az első kiviteli kevésbé megbízható esetén rendkívüli helyzet. A második megvalósítás - drágább az erőforrások. Bár, ha ez történik csak képest egy változót, ez nem befolyásolja a gyors internet. De ha több száz, több ezer, és akkor van egy nagy felbontású, - akkor lesz egy másik kérdés. Ezért szükséges, hogy keresik az egyensúlyt a rendelkezésre álló erőforrások felhasználását és hatékonyságát. Miután az összes, meg kell érteni, hogy nem mind a memória 16 GB. Ez lehet, hogy egy bizonyos várakozási időt, ami után helyette az előző adatok vagy információk, hogy a szerver nem elérhető ebben az időben.

Jellemzők

Ha az „Ajax” jön létre a felületen az oldal vagy alkalmazás, meg kell győződnie arról, hogy az eredmény jól működik a különböző operációs rendszerek és különböző böngészők. Az első esetben lesz képes nyújtani felbecsülhetetlen segítséget emulátor. A második esetben elegendő lesz csak telepíteni a különböző programok és azok funkcionalitásának tesztelésére a kódot. Arra is szükség van, hogy bizonyos intézkedések, és ha a felhasználó böngészőjének fogják használni az elavult vagy le fog állni a szükséges beállításokat. Ilyen esetekben ügyelni kell arra, hogy vonják ki a szöveget az oldalon, amely az oka annak, hogy a megtekintés helyén ebben az esetben nem lehetséges. Igen, most már az emberek nagy többsége a modern technológia, de nem teljesen elengedte a figyelmet a valószínűség és a tény, hogy néhány százaléka látogató fogja használni néhány elavult szoftver. És üzleti szinten is jelentős következményekkel járhat.

következtetés

Hogy jön egy logikai végén ezt a cikket. Ha beszélünk „Ajax” az egész, ez az eszköz lehetővé teszi, hogy hozzon létre egy nagyon vonzó és funkciókban gazdag weboldalak, hogy a munka gyorsan és hozzáértő elrendezése adja a felhasználók számára öröm. Kétségtelen, hogy lesz még fejlettebb technológiák a jövőben, de most fogunk használni, amit mi. Mivel a javulás a programozási nyelvek és technikák nagyon is lehetséges, és ez egy olyan lehetőség, amely elérhető lesz, a módszerek, amelyek még több kiváló minőségű termék. De lehet, hogy mivel lehet, a szükséges munka most, hogy van. És ez a név - „Ajax”.