Ajax - Çfarë është kjo? Asynchronous JavaScript dhe XML: avantazhet dhe disavantazhet

Tani ju mund të shikojnë në internet fituar popullaritet përdorimin dhe aplikimin e teknologjive të reja. Një prej tyre - është AJAX. Çfarë është ajo? Çfarë karakteristika bën atë të ketë? Ku të aplikoni? Të gjitha këto pyetje do të gjenden përgjigje në këtë artikull.

informacione të përgjithshme

Si qëndron AJAX? Çfarë do të thotë? Ky reduktim është një akronim. Ajo qëndron për Asynchronous JavaScript dhe XML ( "Asynchronous JavaScript dhe IKSML"). Shpesh ju mund të shihni ose dëgjoni informacionin që këtë teknologji të re. Por kjo nuk është e vërtetë. Fakti që Javascript dhe XML, ka tashmë mjaft e një kohë të gjatë, ndërsa "Ajax", është një sintezë e këtyre teknologjive. Më shpesh ajo është përdorur në lidhje me termin Web 2.0 dhe kuptohet si përdorimin e teknikave të avancuara të projektimit.

Dhe çfarë tipar?

Pra, ne tashmë kemi një ide të përgjithshme të asaj që është AJAX. Çfarë do të na i jep në praktikë? Pse është duke u në mënyrë aktive të flasim për zbatimin e saj? Veçori e kësaj teknologjie - është se kur ju përdorni atë nuk keni nevojë për të rifreskoni të gjithë faqen në kërkesën e parë. Pas të gjitha, ju mund të kërkojë të dhëna të reja vetëm për një pjesë të saj. Kjo është i përshtatshëm (sepse më pak kohë ju duhet të prisni), dhe kosto (për ata që nuk janë në internet të pakufizuar). Megjithatë, për të informuar përdoruesit në lidhje me atë që po ndodh upgrade është e dëshirueshme që të përdorin të paktën një tregues ngarkesës ose tekst mesazhe që informojnë në lidhje me të dhënat e reja nga serveri. Siç minuses teknologji është përmendur shpesh për faktin se ajo nuk ka mbështetjen trashëgimi dhe tekst shfletues. Dhe aftësinë për të çaktivizuar teknologji Javascript është në përdoruesit se sa shumë e gëzuar. Prandaj, ju nuk duhet të abuzojë me AJAX. Se ajo mund të japë, nëse jo për të siguruar metoda alternative të dhënies së informacionit? Në rastin më të mirë, informacioni i vetëm nuk do të shfaqet në këtë faqe interneti. Në më të keq - pamja e saj është aq e prekur se përdoruesi nuk ka për t'u kthyer.

Avantazhet e "Ajax"

Kjo teknologji ofron dy metoda me të cilat një faqe web mund të realizohet. E para përfshin bërjen e ndryshimeve pa rebooting. Kjo mund të realizohet me kërkesat dinamike në server. I dyti përfshin përdorimin e teknologjive të veçanta, më të popullarizuara të të cilave është XMLHttpRequest. avantazhet relativisht të vet, "Ajax", mund të themi në vijim:

1. Ju mund të krijoni një web-bazuar kërkesën përshtatshëm, i cili ndërfaqe do të ketë një numër të tërë të karakteristika të bukur për përdoruesit, me rezultat që të lehtësojë ndërveprimin njerëzor dhe website.
2. Në vend të një faqe të plotë ringarkoni a të pjesshëm. Kjo kursen burimet dhe optimizes performancën makinë.
3. Pjesa server e faqes është aktive ndërvepron me përdoruesit.
4. E dobishme për zbatimin e një numri të ideve.

komunikimi

Këtu, për shembull, duhet një formular përshtypjesh, e cila mund të përdoret për të këshilluar klientët. Si kjo mund të bëhet? Së pari ne duhet të kujdeset për të "bartës" të informacionit. Për ta bërë këtë, ju duhet të krijoni një objekt XMLHttpRequest. Ai vepron si një ndërmjetës midis serverit dhe shfletuesin e përdoruesit. Me këtë objekt do të dërgojë kërkesa dhe për të marrë përgjigje për to. Për shkëmbimin e drejtpërdrejtë të të dhënave, ne kemi nevojë për AJAX PHP. Këto mjete mund të zbatohet duke përdorur hyhet lehtë apo post-pyetje. Në këtë rast, argumentet e nevojshme do të kalojë direkt përmes URL. Në të njëjtën kohë ai do të kandidojë funksionin, dhe për të siguruar që transferimi të dhënave nuk është ndërprerë. Por si për të zbatuar AJAX-kërkesë? Rekomandojmë përdorimin POST. Në sajë të tij, ju mund të transferojë një sasi të pakufizuar të të dhënave, të cilat, për më tepër, është shumë më e vështirë për të hyrë.

Parimi i funksionimit

Sa janë Asynchronous JavaScript dhe XML në praktikë? Le të kuptojmë këtë me një shembull. Ndërtuar në lidhje me strukturën që ju duhet të bëni të sigurtë që pjesa klienti ofron të gjitha funksionet e nevojshme për shkëmbimin e të sigurt të të dhënave. Ajo duhet të sigurojë metodat e nevojshme për të transmetuar informacion zgjedhur mënyra. Pjesa server duhet të sigurohet që përpunimi i të dhënave, si dhe, në bazë të tyre tashmë, për të gjeneruar informacion të ri për të më pas të kalojë atë të konsumatorit. Lloji më i zakonshëm i ndërveprimit është që të punojë me bazën e të dhënave. Ne kemi përmendur më parë, është një element i vendeve të shumta të biznesit, si një formë e reagime. Avantazhi i "Ajax" në këtë rast është se ajo mban transferimit asinkron të dhënave. Me fjalë të tjera, ndërsa informacioni është dërguar, përdoruesi mund të kryejë të gjitha veprimet e nevojshme për të. Duke u ndalur në specifikat e secilit rast, ju duhet të vendosni nëse doni që ky proces të informojë vizitor të faqes. Krahasuar me të njëjtën formë përshtypjesh duhet thënë se në këtë rast ne mund të shkruani "operator dials përgjigje", apo diçka të ngjashme.

përgjigje server

Ai mund të vijë jo vetëm për XML, si ju mund të mendoni për shkak të emrit të teknologjisë. Përveç kësaj, ajo mund të transmetohet si tekst i thjeshtë ose JSON. Në rastin e parë informacioni mund të shfaqet menjëherë në faqe. Nëse përdorur XML, ju duhet të kujdeset për atë AJAX-dosje është përpunuar si duhet në shfletuesin e klientit. Të gjitha të dhënat në këtë rast është konvertuar në (X) HTML. Kur përdorni formatin JSON, ju keni nevojë për të kryer kodin për të marrë objektin e plotë Javascript. Është e nevojshme që të jenë të kujdesshëm dhe të marrë parasysh faktin se shumë hakerat pëlqen për të transmetuar të dëmshme me anë të kësaj teknologjie. Prandaj është e nevojshme për të siguruar për procesin e verifikimit të të dhënave para se ata janë të përpunuara. Karakteristikat e realizimit për shfletues të ndryshme mund të jenë pak më të ndryshme, por në përgjithësi, veprimi këtu është një skemë.

Ne bëjmë një kërkesë në server dhe një përpunim përgjigje

I tërë sekuenca e veprimeve është si vijon:

1. Fillimisht, ju keni nevojë për të krijuar dhe për të siguruar se nuk ka XMLHttpRequest.
2. Pastaj initializes lidhjen server.
3. Dërgo kërkesën për të.
4. Ne presim të dhënat që do të vijnë, dhe procesin e tyre.

Ajo duhet të ju tregojnë për disa nga karakteristikat në krijimin e objektit. Ajo mund të iniciohet në çdo vend ku është e mundur vetëm në kuadrin e gjuhën e programimit. Por në qoftë se ai i është dhënë statusi i një globale, në çdo moment një në kohë që ajo të jetë e mundur për të punuar vetëm me një kërkesë. Në këtë pikë, ju duhet të paguani vëmendje. Për sa i përket trajtimit - këtu ne të përqëndrohet në instrumentin e zgjedhur. Pra, nëse të dhënat XML të përpunohen DOM-funksionet dhe të paraqesë përdorues ka rezultatin përfundimtar në HTML. Dhe çfarë të bëjë me JSON-vlerësuarat? Duhet të kuptohet se ajo është objekti simbol Javascript. Çfarë do të thotë? Për shkak JSON një objekt mund të përfaqësohet si një varg. Por ajo duhet të mbahet mend se kjo metodë nuk është i sigurt për të plotë, dhe shumë faktorë duhet të merren parasysh. Por, në përgjithësi, ajo është shumë e lehtë.

Server-side gjuhë programimi

Pothuajse çdo aplikim web-bazuar përdor ato në një mënyrë ose në një tjetër. Për transmetimin e të dhënave është PHP më popullor. On ajo zakonisht shkruajnë fotografi për faqet, ku nuk është kritike norma transmetimit të të dhënave, dhe bilanci i preferuar mes saj dhe besueshmërinë. teknikat e transmetimit XMLHttpRequest diskutuar më sipër.

konfigurimin server

Çfarë programe janë të nevojshme në mënyrë që të veprojnë plotësisht AJAX? Çfarë ka kjo na jep? Cilat janë ato për të? Për të marrë përgjigje për këto pyetje, ju duhet të njoh nga afër veten me listën e mëposhtme:

1. HTML / XHTML. Ata janë të nevojshme për serverin për të njohur pamjen e faqes.
2. CSS. Ky mjet është e nevojshme për zgjedhjen vizuale të faqes dizajnit.
3. DOM. Ajo është e nevojshme për të siguruar ndryshimet dinamike në një faqe si një përgjigje ndaj veprimit nga ana e përdoruesit.
4. XML. Është e nevojshme për transferimin e të dhënave në mes të klientit dhe serverit.
5. JavaScript. Ne kemi nevojë për të krijuar një kursorin "Ajax" dhe të sigurojë interaktive.
6. XMLHttpRequest. Objekti përmes të cilave pyetje do të përcillet në server.

Duke përdorur këtë faqe interneti

Deri tani ne kemi dy njohuri dhe ide për mënyrën se si AJAX teorike. Dërgimin e të dhënave tani është vetëm kërkon një praktikë të caktuar. Le të shikojmë në përgjithësi, se si t'i qasen zbatimin e detyrës duke përdorur "Ajax". Pra, ne kemi nevojë për të krijuar një bazë të dhënash shofer. Dhe ata do të ndryshojnë pajisjet të cilat mund të operohet. Duhet të theksohet se baza e të dhënave më sipër është shumë i madh, kështu që unë thjesht dërgoni atë për të klientit dhe ajo ka për të ofruar për të bërë një përzgjedhje duke përdorur JavaScript nuk ka kuptim. Është gjithashtu e dëshirueshme që të zotërojë një faqe web është rifurnizuar për shkak të një parametër të vetëm. Në server kërkesa do të merret Scripts veçanta PHP. Baza e të dhënave është zbatuar si një XML-skedar.

Rreth të dhënave

Është e nevojshme për të punuar jashtë strukturën e saj. Dhe çka nëse parametrat kaluar, të cilat janë objekte? Në një rast të tillë është e domosdoshme për të siguruar krijimin e një variable, ku do të ketë asnjë lidhje ajo të ngjarjes telefonatë nga funksioni. Të jetë në gjendje për të hyrë në atë nga kudo që është e nevojshme për të bërë një kod globale. Për lehtësi, është e dëshirueshme që të përdorin një sistem të menaxhimit të bazës së të dhënave. Sigurisht, kjo nuk është e nevojshme. Por ende të lejojë përdorimin e të dhënave për të punuar më të qetë dhe në mënyrë efektive me të dhënat.

Ne jemi duke punuar në funksionimin e motorit

Si e çdo gjë do të ndodhë? Kështu, aty vjen një ngjarje të caktuar, e cila do të shkaktojë një funksion të veçantë. Ajo do të përgatisë një marrë ose të post-të dhënave që do të dërgohet. Ajo pastaj e quan funksion, i cili do të bëjë një ankesë në URL e shkrimit server. Është e nevojshme të parashikohet krijimi i XMLHttpRequest-objekt. Një referencë për atë duhet të ruhen në një ndryshore. Pasi të dhënat janë dërguar në server, ju duhet të prisni për një përgjigje nga ai. Për ta bërë këtë, ju mund të kthehet në "përgjimit" për të marrë informacion (nëse dihet, do të vijë dhe kur), ose për të siguruar një funksion që do të jetë gjithmonë i gatshëm për të pranuar të dhëna. mishërim i parë është më pak e besueshme në rast të një situate të jashtëzakonshme. E dyta Realizimi - më të kushtueshme në aspektin e burimeve. Edhe pse, në qoftë se ajo është bërë vetëm në lidhje me një ndryshore, kjo nuk ndikon në internet të shpejtë. Por në qoftë se ka me qindra e mijëra, dhe ata do të kenë një rezolucion të lartë, - atëherë ajo do të jetë një çështje tjetër. Prandaj është e nevojshme për të kërkuar një ekuilibër në mes të përdorimit të burimeve dhe efektivitetit në dispozicion. Pas të gjitha, ajo duhet të kuptohet se jo të gjithë kanë memorie deri në 16 GB. Kjo mund të caktojë një kohë të caktuar duke pritur pasi që i zëvendësuar këto të dhëna ose informacione të mëparshëm se serveri nuk është në dispozicion në këtë kohë.

Features

Kur duke përdorur "Ajax" është krijuar nga ndërfaqes për faqe apo kërkesë, ju duhet të bëni të sigurtë që rezultati punon edhe në sisteme të ndryshme operative, dhe në shfletues të ndryshme. Në rastin e parë do të jetë në gjendje për të siguruar Emulators ndihmë të çmuar. Në rastin e dytë ajo do të jetë e mjaftueshme vetëm për të instaluar një shumëllojshmëri të programeve dhe të testuar funksionalitetin e kodit. Ajo është gjithashtu e nevojshme për të siguruar veprime të caktuara dhe, në rast se shfletuesin e përdoruesit do të përdoret nga data ose ajo do të pres parametrat e nevojshme. Në raste të tilla, duhet pasur kujdes për tërheqjen e tekstit në faqe, duke deklaruar arsyen pse vendi shikimin në këtë rast nuk është e mundur. Po, tani shumica e njerëzve duke përdorur teknologji moderne, por nuk do të plotësisht të le të shkojnë e vëmendjes për të probabilitetit dhe faktin se një për qind pak i vizitorëve do të përdorë disa software vjetëruar. Dhe në shkallë të biznesit që mund të ketë pasoja të rëndësishme.

përfundim

Që vjen në një fund logjik të këtij neni. Nëse ne flasim për "Ajax" në tërësi, ky mjet ju lejon të krijoni një faqet e internetit shumë tërheqëse dhe me metrazh të pasur që punojnë shpejt dhe me paraqitjen kompetente të ofruar për përdoruesit e tij një kënaqësi. Nuk ka dyshim se do të ketë edhe teknologjitë më të avancuara në të ardhmen, por tani për tani ne do të përdorim atë që kemi. Si përmirësimi i gjuhëve të programimit dhe teknikat është krejt e mundur, dhe kjo është një opsion që do të jetë në dispozicion, metodat që do të krijojë edhe më shumë produkt me cilësi të lartë. Por të jetë se si ajo mund, puna e nevojshme tani që është. Dhe ky emër - "Ajax".