Ajax - Ce este? Asynchronous JavaScript si XML: avantaje și dezavantaje

Acum puteți viziona pe internet câștigă popularitate utilizarea și aplicarea noilor tehnologii. Unul dintre ele - este AJAX. Ce este? Ce caracteristici are? În cazul în care se aplică? Toate aceste întrebări vor fi găsit răspunsul în acest articol.

informații generale

Cum stă AJAX? Ce înseamnă? Această reducere este un acronim. Ea vine de la Asynchronous JavaScript si XML ( "Asynchronous Javascript și IKSML"). Deseori, puteți vedea sau auzi informația că această nouă tehnologie. Dar acest lucru nu este adevărat. Faptul că JavaScript și XML, există deja destul de mult timp, în timp ce „Ajax“ este o sinteză a acestor tehnologii. Cel mai adesea este utilizat în combinație cu termenul Web 2.0 și este înțeleasă ca utilizarea de tehnici avansate de proiectare.

Și ce funcție?

Deci, avem deja o idee generală despre ceea ce este AJAX. Ceea ce ne dă în practică? De ce este în curs în mod activ vorbesc despre aplicarea acesteia? Particularitatea acestei tehnologii - este că, atunci când utilizați nu au nevoie pentru a actualiza întreaga pagină la prima cerere. La urma urmei, puteți solicita noi date numai pentru o parte din ea. Acest lucru este convenabil (pentru că mai puțin timp trebuie să așteptați) și costul (pentru cei care nu sunt pe internet nelimitat). Cu toate acestea, pentru a informa utilizatorul cu privire la ceea ce se întâmplă de actualizare este de dorit să se utilizeze cel puțin un indicator de sarcină sau mesajele text care informează despre noile date de la server. Pe măsură ce tehnologia minusuri este adesea referire la faptul că nu acceptă moștenirea și browsere text. Și capacitatea de a dezactiva tehnologia Javascript este la utilizator decât multe și sa bucurat. Prin urmare, nu ar trebui să abuzeze de AJAX. Acest lucru se poate da, în cazul în care nu de a furniza metode alternative de furnizare de informații? În cel mai bun caz, informațiile pur și simplu nu vor fi afișate pe site. În cel mai rău - aspectul său este atât de afectată încât utilizatorul nu mai trebuie să se întoarcă.

Avantajele „Ajax“

Această tehnologie oferă două metode prin care o pagină web poate fi realizat. Prima implică efectuarea de modificări fără a restarta. Acest lucru poate fi realizat cu solicitări dinamice la server. Al doilea implică utilizarea de tehnologii specifice, dintre care cel mai popular este XMLHttpRequest. Relativ avantaje proprii, „Ajax“ se poate spune următoarele:

1. Puteți crea o aplicație convenabil web-based, care interfata va avea un număr întreg de caracteristici frumos pentru utilizator, astfel încât să faciliteze interacțiunea umană și site-ul.
2. În loc de o pagină întreagă reîncărca o parțială. Acest lucru economisește resursele și optimizează performanța mașinii.
3. Partea de server a site-ului este în mod activ interacționează cu utilizatorul.
4. Utile pentru punerea în aplicare a unui număr de idei.

Comunicarea

Aici, de exemplu, au nevoie de un formular de feedback, care poate fi utilizat pentru a consilia clienții. Cum se poate face? În primul rând avem nevoie pentru a avea grijă de „transportator“ de informații. Pentru a face acest lucru, aveți nevoie pentru a crea un obiect XMLHttpRequest. El acționează ca un intermediar între server și browser-ul utilizatorului. Cu acest obiect va trimite cereri și să primească răspunsuri la ele. Pentru schimbul direct de date, avem nevoie de AJAX PHP. Aceste instrumente pot fi implementate folosind GET- sau post-interogări. În acest caz, argumentele necesare vor fi transmise direct prin adresa URL. În același timp, va rula funcția, și pentru a se asigura că transferul de date nu este întreruptă. Dar cum să pună în aplicare AJAX-cerere? Recomanda prin POST. Datorită lui, puteți transfera o cantitate nelimitată de date, care, de altfel, este mult mai dificil de accesat.

Principiul de funcționare

Cum sunt Asynchronous JavaScript și XML în practică? Să înțelegem acest lucru cu un exemplu. Construit în ceea ce privește structura pe care trebuie să vă asigurați că partea de client oferă toate funcționalitățile necesare pentru schimbul de date securizate. Acesta ar trebui să furnizeze metodele necesare pentru transmiterea de informații selectate moduri. Partea de server ar trebui să se asigure că prelucrarea datelor, și, pe baza acestora deja, pentru a genera noi informații să-l treacă ulterior pe la client. Cel mai frecvent tip de interacțiune este de a lucra cu baza de date. Am menționat anterior este un element de multe site-uri de afaceri ca o formă de feedback. Avantajul „Ajax“, în acest caz este că deține transfer de date asincron. Cu alte cuvinte, în timp ce informațiile sunt trimise, utilizatorul poate efectua toate acțiunile necesare pentru el. Concentrându-se pe specificul fiecărui caz în parte, trebuie să decideți dacă doriți ca acest proces să informeze vizitatorii site-ului. Comparativ cu aceeași formă de feedback trebuie spus că, în acest caz, putem scrie „operator formează răspunsul“, sau ceva similar.

răspunsul serverului

El poate veni nu numai pentru XML, așa cum s-ar putea crede, din cauza numelui de tehnologie. În plus, acesta poate fi transmis ca text simplu sau JSON. În primul caz, informațiile pot fi afișate imediat pe pagina. Dacă utilizați XML, trebuie să aibă grijă de faptul că AJAX-fișier a fost procesat în mod corespunzător în browser-ul clientului. Toate datele în acest caz este convertit în (X) HTML. Când se utilizează JSON, aveți nevoie pentru a efectua codul pentru a obține întregul obiect Javascript. Este necesar să fie atent și să ia în considerare faptul că mulți hackeri vrea să transmită un cod malitios prin intermediul acestei tehnologii. Prin urmare, este necesar să se prevadă procesul de verificare a datelor înainte de a fi prelucrate. Caracteristici de realizare pentru diferite browsere pot fi ușor diferite, dar, în general, acțiunea aici este o schemă.

Facem o cerere către server și un răspuns de procesare

Întreaga secvență de acțiuni este după cum urmează:

1. Inițial, trebuie să creați și să se asigure că există XMLHttpRequest.
2. Apoi inițializează conexiune la server.
3. Trimite solicitarea.
4. Ne așteptăm date să vină și să le prelucreze.

Ar trebui să-ți spun despre unele dintre caracteristicile privind crearea obiectului. Acesta poate fi inițiată în orice loc în care este posibilă numai în cadrul limbajului de programare. Dar dacă el a fost dat statutul de la nivel mondial, într-un anumit moment în timp, pentru a fi posibil să se lucreze cu o singură cerere. În acest moment, trebuie să acorde o atenție deosebită. În ceea ce privește tratamentul - aici ne vom concentra pe instrumentul ales. Deci, în cazul în care datele XML pentru a fi prelucrate DOM-funcții și prezintă utilizatorul are rezultatul final în HTML. Și ce să facă cu JSON-evaluat? Trebuie să se înțeleagă că este JavaScript Object Notation. Ce înseamnă? Din cauza JSON un obiect poate fi reprezentat ca un șir de caractere. Dar trebuie amintit faptul că această metodă nu este sigură pe deplin, și o mulțime de factori trebuie să fie luate în considerare. Dar, în general, este foarte ușor.

limbaje de programare server-side

Aproape orice aplicație bazată pe web le utilizează într-un fel sau altul. Pentru transmisia de date este cel mai popular PHP. Pe ea scrie de obicei fișiere pentru site-uri, în cazul în care nu este rata critică de transmitere a datelor, precum și echilibrul preferat între ea și fiabilitate. Tehnici de transmisie XMLHttpRequest discutat mai sus.

Configurarea serverului

Ce programe sunt necesare pentru a opera pe deplin AJAX? Ce face acest lucru ne da? Ce sunt? Pentru a obține răspunsuri la aceste întrebări, trebuie să vă familiarizați cu lista de mai jos:

1. HTML / XHTML. Acestea sunt necesare pentru ca serverul să recunoască aspectul paginii.
2. CSS. Acest instrument este necesar pentru selectarea vizuală de designul paginii.
3. DOM. Este necesară pentru a asigura schimbările dinamice pe o pagină ca răspuns la acțiunea de către utilizator.
4. XML. Este necesară pentru transferul de date între client și server.
5. JavaScript. Avem nevoie pentru a crea un cursor „Ajax“ și să ofere interactivitate.
6. XMLHttpRequest. Obiect prin care interogările vor fi transmise la server.

Utilizarea site-ului

Deci, acum avem atât cunoștințele teoretice și idei despre modul în care Ajax. Trimiterea de date este acum necesită doar o anumită practică. Să ne uităm în general, modul în care să se apropie de punerea în aplicare a sarcinii cu ajutorul „Ajax“. Deci, avem nevoie pentru a crea o bază de date de conducător auto. Și ei vor fi diferite dispozitive care pot fi operate. Trebuie remarcat faptul că baza de date de mai sus este foarte mare, așa că am doar trimite-l la client si are de oferit pentru a face o selecție folosind JavaScript nu are nici un sens. De asemenea, este de dorit să dețină o pagină web este reîncărcat din cauza unui singur parametru. Pe serverul de cereri se va ocupa de scripturi PHP speciale. Baza de date este implementat ca un fișier XML.

Despre bază de date

Este necesar să se lucreze în structura sa. Și ce dacă parametrii trecut, care sunt obiectele? Într-un astfel de caz, este necesar să se prevadă crearea unei variabile, în cazul în care nu va fi nici o legătură ea la eveniment apel din funcția. Pentru a putea accesa de oriunde este necesar pentru a face un cod de la nivel mondial. Pentru comoditate, este de dorit să se utilizeze un sistem de gestionare a bazei de date. Desigur, acest lucru nu este necesar. Dar totuși permite utilizarea bazei de date pentru a lucra mai confortabil și mai eficient cu datele.

Lucrăm la funcționarea motorului

Cum a tot ceea ce se va întâmpla? Deci, vine un anumit eveniment, ceea ce va duce la o funcție specială. Ea va pregăti un GET sau POST-date care vor fi trimise. Apoi solicită funcția, care va face un apel la adresa URL a script-ul serverului. Este necesar să se aibă în vedere crearea de XMLHttpRequest-obiect. O referire la aceasta ar trebui să fie stocate într-o variabilă. După ce datele au fost trimise la server, trebuie să așteptați un răspuns de la el. Pentru a face acest lucru, puteți activa „interceptarea convorbirilor telefonice“, pentru a obține informații (dacă este cunoscut, va veni și când) sau pentru a oferi o funcție care va fi întotdeauna gata să accepte date. Primul exemplu de realizare este mai puțin fiabilă în cazul unei situații extraordinare. A doua realizare - mai costisitoare din punct de vedere al resurselor. Deși, în cazul în care se face numai în ceea ce privește o variabilă, aceasta nu afectează internetul rapid. Dar dacă există sute și mii, și ei vor avea o rezolutie inalta, - atunci va fi o altă problemă. Prin urmare, este necesar să se caute un echilibru între utilizarea resurselor și a eficienței disponibile. La urma urmei, trebuie să se înțeleagă că nu toate au memorie la 16 GB. Acest lucru poate stabili un anumit timp de așteptare după care substituit datele sau informațiile anterioare că serverul nu este disponibil în acest moment.

caracteristici

Când se utilizează „Ajax“ este creat de interfață pentru pagina sau aplicația, trebuie să vă asigurați că rezultatul funcționează bine pe diferite sisteme de operare, precum și pe diferite browsere. În primul caz, va fi în măsură să ofere asistență emulatoare de neprețuit. În al doilea caz va fi suficient doar pentru a instala o varietate de programe și testa funcționalitatea codului. De asemenea, este necesar să se prevadă anumite acțiuni și, în cazul în care browser-ul utilizatorului va fi folosit de data sau va închide setările necesare. În astfel de cazuri, trebuie avut grijă pentru retragerea textului de pe pagina, precizând motivul pentru care site-ul de vizionare, în acest caz, nu este posibil. Da, acum marea majoritate a oamenilor care folosesc tehnologii moderne, dar nu complet da drumul de atenție la probabilitatea și faptul că un procent câteva dintre vizitatorii vor utiliza unele software depășite. Și în scară de afaceri poate avea consecințe semnificative.

concluzie

Aceasta vine la un capăt logic al acestui articol. Dacă vorbim despre „Ajax“, pe ansamblu, acest instrument vă permite să creați un foarte atractiv și feature-bogat site-uri web care funcționează rapid și cu aspect competent oferi utilizatorilor săi o plăcere. Nu există nici o îndoială că vor exista chiar și tehnologii mai avansate în viitor, dar acum vom folosi ceea ce avem. Așa cum este foarte posibil îmbunătățirea limbilor și a tehnicilor de programare, iar aceasta este o opțiune care va fi disponibilă, metodele care vor crea și mai mult de produse de înaltă calitate. Dar, fie ca aceasta poate, lucrările necesare acum, care este. Și acest nume - „Ajax“.