HTML5, tárgy XMLHttpRequest

Hozzátéve, hogy a szerver szoftver eszközkészlet egy kis probléma. Egyrészt, a választás a szerver oldali programozási nyelv nem számít, feltéve, hogy lehet működtetni tiszta HTML5-oldalak (és az összes ilyen nyelv lehet). De másfelől, értelmetlen felmászni a fülét a tanulmány az új technológiák, amelyek nem használják, vagy nem támogatja a web host. Egy jó szerver programozási nyelvek számosak, beleértve a PHP, ASP.NET. Ruby, Java, Python, és még sokan mások.

Az XMLHttpRequest objektum eredetileg a Microsoft, hogy javítsa a webes változatát Outlook e-mail, de fokozatosan átterjedt az összes modern böngészőben. Jelenleg ő az egyik legfontosabb része a legmodernebb webes alkalmazások.

Az XMLHttpRequest objektum a tökéletes eszköz, hogy az adatokat egy web szerver. Íme néhány példa az adatok nyerhetők a web szerver segítségével az objektumról:

Az adatok a szerveren tárolt. Lehet információt a fájlt vagy a legtöbb esetben az adatbázisban. A látogatók például kérhet információt egy termék vagy cég.

Az adatok, amelyek a valaki egy másik szerverre. Weblap nem alkalmazható közvetlenül valaki webszerver. De ez is okozhat a programban a web szerver (a XMLHttpRequest objektum), ami viszont okozhat egy másik webszerver, így tőle az adatokat, és térjen vissza az adatokat az eredeti oldalra.

A legjobb módja annak, hogy foglalkozik a tárgya XMLHttpRequest - kezdeni kísérletezni vele. Ily módon fogunk tenni a következő fejezetekben vizsgált két egyszerű példát.

Küldj egy webszerver kérést

Az ábrán a weblapot, amely arra kéri a webkiszolgáló egy egyszerű matematikai számítás. Ezt a kérelmet küld a webszerver segítségével XMLHttpRequest objektumot:

HTML5, tárgy XMLHttpRequest

Ha megnyomja a „Kérdezd meg a szerver” weboldal létrehoz egy XMLHttpRequest objektumot, és elküldi a két szám, a webszerveren. Webszerver megfelel egy egyszerű script, hogy matematikai műveleteket hajthat végre a számokat, és választ küld vissza a weboldalra.

Mielőtt az oldal létrehozására, szükségünk lesz egy szerver oldali script feldolgozás kapott a weboldal információk (ebben az esetben a két lépett a számát), és küldje a számítások eredményeként. Ezt a feladatot is el lehet végezni a meglévő szerver oldali programozási nyelv. A mi példánkban a PHP scriptek, hogy nagyobb mértékben, mert ez egy viszonylag egyszerű nyelv, amely támogatja szinte az összes hosting cégek.

Létrehozása script

PHP script jön létre egy egyszerű szöveges fájl (WebCalculator.php), és szerkezete a következő:

Ebben a példában a kód a számítás elvégzéséhez és az eredmények teljesen egyszerű és így néz ki:

Még ha nem is szakértő PHP, akkor valószínűleg nem lesz nehéz kitalálni, hogy mi a kód csinál. Az első dolog, amit kap két szám által küldött weboldalt. A dollár ($) jelzi egy változó, így a kód létrehoz két változó: $ NUM1 és $ num2. Az értékek a változó kód beolvassa a beépített PHP-gyűjtemény neve $ _GET. Ez a gyűjtemény tartalmazza az összes információt az URL, amely kérte a forgatókönyvet.

Például, ha tesz egy PHP script WebCalculator.php fájl kérésével összhangban e forgatókönyv a következőképpen néz ki:

Ebben az esetben az URL-címben két információt végén (az URL-t, az úgynevezett query string - query string). Az érték az első változó ebben a részében, szám1, egyenlő 34, és a második, szám2, egyenlő 58. Start a query string jelzi egy kérdőjel, és minden ezt követő változó (?) - jel ().

Amikor a PHP kód kezdődik, hogy kivonja az információkat a URL-t és eltárolja egy gyűjtemény $ _GET, ahol rendelkezésre áll a további műveleteket. (A szerver platform támogatja programozási modell ehhez hasonló. Például az ASP.NET technológiát, ezt az információt tárolja a Request.QueryString gyűjteménye.)

HTML veteránok tudják, hogy az adatokat a web szerver lehet küldeni két módon - át a query string, vagy helyezze őket a szervezetben a kérelmet. Mindenesetre, az adatok kódolása ugyanaz, és a hozzáférést a szerverhez van ellátva hasonló módon. Például PHP küldött adatok a kérelem szövege elhelyezett gyűjtemény $ _POST.

Miután megkapta a két szám, a PHP script egyszerűen összeadja őket. Az utolsó lépés -, hogy küldjön az eredményeket vissza weblapot benyújtotta a kérelmet. Ezeket az eredményeket kell csomagolni HTML-kód vagy akár igazított adatok XML jelölés, de ez lesz is. Erre példa, és az egyszerű szöveges elegendő lenne. De függetlenül attól, adatformátum, minden, ami szükséges küldött nekik - egy egyszerű echo PHP-csapat.

Így a script csak négy húrok PHP-kódot. De ez elég ahhoz, hogy az alapvető sablon: weboldal kéri a webszerver kérdés, és a web szerver megadja a választ erre a kérdésre.

Fellebbezés a web szerver

A második lépés, hogy hozzon létre egy oldalt, amely használja az XMLHttpRequest objektum egy PHP script. oldal szerkezete az alábbi:

Kapcsolódó cikkek