Html5, obiect xmlhttprequest

Adăugarea programării serverului în setul de instrumente reprezintă o mică problemă. Pe de o parte, alegerea limbajului de programare a serverului nu contează, cu condiția să funcționeze cu pagini pure HTML5 (și toate aceste limbi pot). Dar, pe de altă parte, nu are rost să urce până la urechi în studiul de noi tehnologii, care nu vor fi utilizate sau nu este acceptat de web gazdă. Și există o mulțime de limbi bune de programare a serverului, inclusiv PHP, ASP.NET. Ruby, Java, Python și multe altele.







Obiectul XMLHttpRequest a fost inițial creat de Microsoft pentru a îmbunătăți versiunea web a Outlook sale de e-mail, dar sa răspândit treptat la toate browserele moderne. În prezent, este o parte importantă a celor mai moderne aplicații web.

Obiectul XMLHttpRequest este instrumentul ideal pentru preluarea datelor de pe un server web. Iată câteva exemple de date care pot fi obținute de la un server web prin intermediul acestui obiect:

Datele stocate pe server. Acestea pot fi informații într-un fișier sau, în majoritatea cazurilor, într-o bază de date. De exemplu, un vizitator poate solicita informații despre un produs sau o companie.

Datele care sunt pe serverul altcuiva. O pagină Web nu poate accesa direct serverul web al altcuiva. Dar aceasta poate provoca programul pe serverul web (folosind obiectul XMLHttpRequest), care, la rândul său, poate provoca un server web diferit, pentru a obține de la el datele și a reveni datele la pagina inițială.

Cea mai bună modalitate de a face față obiectului XMLHttpRequest este de a începe experimentarea cu acesta. Aceasta este ceea ce vom face în următoarele secțiuni, luând în considerare două exemple simple.

Trimiterea unei solicitări către un server web

Figura arată o pagină web care cere serverului web să efectueze un calcul matematic simplu. Această solicitare este trimisă către serverul web printr-un obiect XMLHttpRequest:

Html5, obiect xmlhttprequest

Făcând clic pe butonul "Cereți server", pagina web creează un obiect XMLHttpRequest și trimite două numere pe serverul web. Serverul web rulează un script simplu care efectuează o operație matematică asupra numerelor și trimite răspunsul înapoi la pagina web.







Înainte de a putea crea această pagină, vom avea nevoie de un script server-side pentru a procesului de prelucrare a primit de pe pagina web a informațiilor (în acest caz, cei doi au intrat în numărul ei) și trimite rezultatul calculelor. Această sarcină poate fi efectuată în orice limbaj de programare a serverului. În exemplul nostru, se folosesc scripturi PHP, în mare parte pentru că este un limbaj relativ simplu, care este susținut de aproape toate companiile de găzduire.

Crearea unui script

Scriptul PHP este creat într-un fișier text simplu (WebCalculator.php) și are următoarea structură:

Pentru acest exemplu, codul pentru efectuarea calculului și furnizarea rezultatelor este simplu și arată astfel:

Chiar dacă nu sunteți un expert PHP, probabil că nu veți avea nici o dificultate în a afla ce face acest cod. Mai întâi, primim două numere trimise de pagina web. Semnul dolar ($) denotă o variabilă, astfel încât codul creează două variabile: $ num1 și $ num2. Valorile variabilelor sunt extrase din colecția PHP construită numită $ _GET. Această colecție conține toate informațiile de la adresa URL prin care a fost solicitat acest script.

De exemplu, dacă puneți un script PHP într-un fișier WebCalculator.php, linia cu interogarea pentru acest script ar arăta astfel:

În acest caz, adresa URL conține două fragmente de informații la sfârșit (în porțiunea URL numită șir de interogare). Valoarea prima variabilă în această parte, număr_1, egal cu 34, iar al doilea, număr2, este egal cu 58. Inițiază un șir de interogare este indicată printr-un semn de întrebare, și fiecare variabilă ulterioară (?) - ampersand ().

Când codul PHP începe să execute, acesta extrage aceste informații din URL și le stochează în colecția $ _GET, unde este disponibilă pentru operațiile ulterioare. (Cele mai multe platforme bazate pe server suportă un model similar cu acesta, de exemplu, în tehnologia ASP.NET aceste informații sunt stocate în colecția Request.QueryString.)

Veteranii HTML știu că puteți trimite date către un server web în două moduri: prin șirul de interogare sau inserând-l în corpul solicitării. În ambele cazuri, datele sunt codificate în mod identic, iar accesul la acestea pe server este similar. De exemplu, în PHP, datele transmise în corpul solicitării sunt plasate în colecția $ _POST.

După ce ați primit aceste două numere, script-ul PHP le însumează. Ultimul pas este să trimiteți rezultatele înapoi la pagina web care a trimis cererea. Aceste rezultate ar putea fi învelite în marcajul HTML sau chiar în marcarea specifică XML, dar acest lucru va fi prea mult. Pentru acest exemplu, și un text simplu va fi suficient. Dar, indiferent de formatul de date selectat, tot ceea ce este necesar pentru a le trimite este o simplă comandă de ecou PHP.

Deci, scriptul constă doar din patru linii de cod PHP. Dar acest lucru este suficient pentru a seta șablonul de bază: pagina web stabilește serverul web întrebarea, iar serverul web oferă răspunsul la această întrebare.

Accesarea serverului web

Al doilea pas este crearea unei pagini care utilizează un script PHP utilizând obiectul XMLHttpRequest. Structura paginii este prezentată mai jos:







Articole similare

Trimiteți-le prietenilor: