Ajax - Wat is dit? Asynchrone JavaScript en XML: voor- en nadele

Nou kan jy kyk op die internet besig om in gewildheid die gebruik en toepassing van nuwe tegnologie. Een van hulle - is AJAX. Wat is dit? Watter eienskappe het dit? Waar om aansoek te doen? Al hierdie vrae sal gevind word die antwoord in hierdie artikel.

algemene inligting

Hoe staan AJAX? Wat beteken dit? Hierdie vermindering is 'n akroniem. Dit staan vir Asynchronous Javascript en XML ( "Asynchronous Javascript en IKSML"). Dikwels jy kan sien of die inligting wat hierdie nuwe tegnologie te hoor. Maar dit is nie waar nie. Die feit dat Javascript en XML, is daar reeds 'n lang tyd, terwyl die "Ajax" is 'n sintese van hierdie tegnologie. Die meeste dikwels dit gebruik word in samewerking met die term Web 2.0 en verstaan as die gebruik van 'n gevorderde ontwerp tegnieke.

En wat die funksie?

So, ons het reeds 'n algemene idee van wat AJAX. Wat dit gee ons in die praktyk? Hoekom is om aktief te praat oor die toepassing daarvan? Die vreemd van hierdie tegnologie - is dat wanneer jy gebruik dit nie nodig om die hele bladsy by die eerste vraag te verfris. Na alles, kan jy nuwe data slegs vir 'n gedeelte daarvan aan te vra. Dit is gerieflik (want die minder tyd wat jy hoef te wag), en koste (vir diegene wat nie 'n onbeperkte internet). Maar aan die gebruiker oor wat gebeur opgradering wenslik is om ten minste 'n vrag aanwyser of sms-boodskappe wat inlig oor nuwe data van die bediener gebruik te lig. As minuses tegnologie dikwels verwys na die feit dat dit nie ondersteun nalatenskap en teks blaaiers. En die vermoë om Javascript tegnologie skakel is by die gebruiker as baie en geniet. Daarom moet jy nie misbruik AJAX. Dat dit kan gee, indien nie om alternatiewe metodes van die verskaffing van inligting voorsien? In die beste geval, die inligting net sal nie vertoon word op die terrein. In die ergste - sy verskyning is so geraak dat die gebruiker nie meer om terug te keer.

Voordele van 'Ajax'

Hierdie tegnologie bied twee metodes waarvolgens 'n webblad kan verwesenlik. Die eerste behels die maak van veranderinge sonder om weer te begin. Dit kan bereik word met 'n dinamiese versoeke aan die bediener. Die tweede behels die gebruik van spesifieke tegnieke, die gewildste van wat is die XMLHttpRequest. Relatief eie voordele, "Ajax" kan sê die volgende:

1. Jy kan 'n gerieflike web-gebaseerde program, wat interface 'n hele aantal mooi eienskappe vir die gebruiker sal hê, met die gevolg dat menslike interaksie en webwerf te fasiliteer skep.
2. In plaas van 'n volle bladsy herlaai 'n gedeeltelike. Dit spaar hulpbronne en optimaliseert masjien prestasie.
3. Die bediener deel van die webwerf is aktief in wisselwerking met die gebruiker.
4. Nuttig vir die implementering van 'n aantal idees.

kommunikeer

Hier, byvoorbeeld, het 'n terugvoer vorm, wat gebruik kan word om kliënte te adviseer. Hoe dit gedoen kan word? Eerstens moet ons sorg vir die "draer" van inligting. Om dit te doen, moet jy 'n XMLHttpRequest voorwerp te skep. Hy tree op as 'n tussenganger tussen die bediener en die leser van die gebruiker. Met hierdie doel sal versoeke te stuur en antwoorde ontvang om hulle. Vir direkte data-uitruilprogram, wat ons nodig het AJAX PHP. Hierdie gereedskap kan geïmplementeer word met behulp van AOO- of na-navrae. In hierdie geval, sal die nodige argumente direk oorgedra word deur middel van die URL. Terselfdertyd sal dit die funksie uit te voer, en om te verseker dat die data-oordrag nie onderbreek word. Maar hoe om AJAX-versoek te implementeer? Beveel die gebruik van pos. Te danke aan hom, kan jy 'n onbeperkte bedrag van data, wat ook, is baie moeiliker om toegang te dra.

beginsel van werking

Hoe is die Asynchronous Javascript en XML in praktyk? Ons verstaan dit met 'n voorbeeld. Gebou met betrekking tot die struktuur wat jy nodig het om seker te maak dat die kliënt deel bied al die nodige funksies vir 'n veilige data-uitruilprogram. Dit moet die nodige metodes vir die oordrag van inligting gekies maniere te voorsien. Die bediener deel moet seker maak dat die verwerking van die data, en op grond van hulle reeds, om nuwe inligting te daarna dit aan die kliënt te genereer. Die mees algemene tipe van interaksie is om te werk met die databasis. Ons het reeds genoem is 'n element van baie sake webwerwe as 'n vorm van terugvoer. Die voordeel van "Ajax" in hierdie geval is dat dit hou asynchrone data-oordrag. Met ander woorde, terwyl die inligting is gestuur, die gebruiker kan al die nodige aksies om hom uit te voer. Fokus op die besonderhede van elke geval, moet jy besluit of jy wil hierdie proses om die besoeker van die webwerf in te lig. Relatief tot dieselfde terugvoer vorm moet gesê word dat in hierdie geval kan ons skryf "operateur skakel die antwoord", of iets soortgelyks.

bediener antwoord

Hy kan nie kom net vir XML, as jy dalk dink as gevolg van die naam van tegnologie. Daarbenewens kan dit as plain text of into oorgedra word. In die eerste geval kan die inligting onmiddellik vertoon op die bladsy. As die gebruik van XML, moet jy sorg van daardie AJAX-lêer neem behoorlik verwerk in die kliënt leser. Alle data in hierdie geval is omgeskakel na (X) HTML. By die gebruik van JSON-formaat, wat jy nodig het om die kode om die volle voorwerp Javascript kry uit te voer. Dit is nodig om versigtig te wees en om in ag te neem van die feit dat baie hackers graag kwaadwillige kode deur middel van hierdie tegnologie. Dit is dus nodig om voorsiening te maak vir die verifikasie data proses voordat hulle verwerk. Kenmerke van realisering vir verskillende blaaiers mag verskil, maar in die algemeen is die aksie hier is een skema.

Ons maak 'n versoek aan die bediener en 'n reaksie verwerking

Die hele reeks gebeurtenisse is soos volg:

1. Aanvanklik, moet jy skep en om seker te maak dat daar 'XMLHttpRequest.
2. Dan initialisatie bediener verbinding.
3. Stuur die versoek om dit.
4. Ons wag vir data om te kom, en dit verwerk.

Dit behoort jou te vertel oor 'n paar van die eienskappe van die skepping van die voorwerp. Dit kan in enige plek waar dit is slegs moontlik binne die raamwerk van die programmeertaal geïnisieer. Maar as hy die status van 'n globale, in enige een punt in tyd gegee vir dit moontlik wees om te werk met net een versoek. Op hierdie punt, moet jy aandag skenk. Met betrekking tot behandeling - hier word gefokus op die gekose instrument. Dus, as die XML data te verwerk DOM-funksies en bied die gebruiker die eindresultaat in HTML. En wat om te doen met into-gegradeerde? Dit moet verstaan word dat dit die voorwerp notasie Javascript. Wat beteken dit? Te danke into 'n voorwerp kan voorgestel word as 'n string. Maar dit moet onthou word dat hierdie metode is nie veilig om die volle, en 'n klomp faktore moet in ag geneem word. Maar, in die algemeen, is dit baie maklik.

Bediener-kant programmering tale

Byna enige web-gebaseerde program maak gebruik van hulle in een of ander manier. Vir data-oordrag is die mees gewilde PHP. Op dit gewoonlik skryf lêers vir webwerwe, waar is nie krities data transmissie tempo, en die voorkeur balans tussen haar en betroubaarheid. XMLHttpRequest oordrag tegnieke wat hierbo bespreek is.

die instel van bediener

Watter programme is nodig om ten volle bedryf AJAX? Wat beteken dit vir ons gee? Wat is dit vir? Om antwoorde op hierdie vrae te kry, moet jy jouself vertroud te maak met die volgende lys:

1. HTML / XHTML. Hulle is wat nodig is vir die bediener om die bladuitleg erken.
2. CSS. Hierdie instrument is wat nodig is vir visuele seleksie van bladsy ontwerp.
3. DOM. Dit is nodig om die dinamiese veranderinge op 'n bladsy as 'n reaksie op die optrede van die gebruiker te verseker.
4. XML. Nodig is vir die oordrag van data tussen die kliënt en die bediener.
5. JavaScript. Ons moet 'n wyser "Ajax" skep en interaktiwiteit.
6. XMLHttpRequest. Voorwerp waardeur navrae sal aangestuur word na die bediener.

Gebruik van die werf

So nou het ons albei die teoretiese kennis en idees oor hoe die AJAX. Stuur data is nou net 'n sekere praktyk. Kom ons kyk in die algemeen, hoe om die implementering van die taak met behulp van die "Ajax" benader. So, moet ons 'n bestuurder databasis te skep. En hulle sal toestelle wat kan uitgevoer word verskil. Dit sal opgemerk word dat die bogenoemde databasis is baie groot, so ek stuur dit net aan die kliënt en dit aan te bied aan 'n keuringsproses gebruik van JavaScript maak nie sin nie maak het. Dit is ook wenslik om self 'n web bladsy herlaai as gevolg van 'n enkele parameter. Op die bediener sal versoeke hanteer spesiale PHP skrifte. Die databasis is geïmplementeer as 'n XML-lêer.

oor databasis

Dit is nodig om uit te werk sy struktuur. En wat as die geslaag parameters, wat die oogmerke is? In so 'n geval is dit nodig om voorsiening te maak vir die skepping van 'n veranderlike, waar daar geen skakel dit aan die oproep gebeurtenis van die funksie sal wees. Om in staat wees om dit te bekom van enige plek is dit nodig om 'n globale kode maak. Vir gerief, is dit wenslik om 'n gebruik databasis management system. Natuurlik, dit is nie nodig nie. Maar nog steeds toelaat dat die gebruik van die databasis om meer gemaklik en effektief te werk met die data.

Ons is besig om op enjin operasie

Hoe het alles gebeur? So, daar kom 'n sekere gebeurtenis, wat 'n spesiale funksie sal veroorsaak. Sy sal 'n GET of na-data wat gestuur word voorberei. Dit is dan dan die funksie, wat 'n beroep op die URL van die bediener script sal maak. Dit is nodig om die skepping van XMLHttpRequest-objek voorsien. 'N Verwysing na dit moet gestoor word in 'n veranderlike. Na afloop van die data het om die bediener gestuur het, moet jy wag vir 'n antwoord van hom. Om dit te doen, kan jy draai op "afluister" om inligting te bekom (indien bekend, sou kom en wanneer) of 'n funksie wat altyd gereed is om data te aanvaar sal voorsien. Die eerste verpersoonliking is minder betroubaar in geval van 'n buitengewone situasie. Die tweede besef - duurder in terme van hulpbronne. Alhoewel, as dit net gedoen word met betrekking tot een veranderlike, dit het geen invloed op die vinnige Internet. Maar as daar honderde en duisende, en hulle sal 'n hoë resolusie het, - dan sal dit 'n ander saak wees. Dit is dus nodig om 'n balans te vind tussen die gebruik van beskikbare hulpbronne en doeltreffendheid te soek. Na alles, moet dit verstaan word dat die geheue tot 16 GB nie al nie. Dit kan 'n sekere wagtyd waarna vervang die vorige data of inligting wat die bediener is nie beskikbaar in hierdie tyd te stel.

funksies

By die gebruik van die "Ajax" is geskep deur die koppelvlak vir die bladsy of aansoek, moet jy seker maak dat die resultaat werk goed op verskillende bedryfstelsels, en op verskillende blaaiers. In die eerste geval sal in staat wees om van onskatbare waarde emulators bystand te verleen. In die tweede geval sal dit genoeg om net 'n verskeidenheid van programme te installeer en hulle toets die funksies van die kode. Dit is ook nodig om voorsiening te maak vir sekere aksies en, in geval die leser die gebruiker se verouderd sal gebruik word of dit sal afgeskakel is die nodige verstellings. In sulke gevalle, moet sorg gedra word vir die onttrekking van die teks op die bladsy, met vermelding van die rede waarom die besigtiging webwerf in hierdie geval is nie moontlik nie. Ja, nou die oorgrote meerderheid van die mense met behulp van moderne tegnologie, maar nie heeltemal laat vaar aandag aan die waarskynlikheid en die feit dat 'n paar persent van besoekers 'n paar verouderde sagteware sal gebruik. En in besigheid skaal kan dit beduidende gevolge hê.

gevolgtrekking

Dit werk uit op 'n logiese einde van hierdie artikel. As ons oor "Ajax" praat oor die algemeen, hierdie hulpmiddel kan jy 'n baie aantreklike en funksie-ryk webtuistes wat werk skep vinnig en met bekwame uitleg te lewer aan sy gebruikers 'n plesier. Daar is geen twyfel dat daar sal wees selfs meer gevorderde tegnologie in die toekoms, maar vir nou sal ons gebruik wat ons het. As die verbetering van programmeertale en tegnieke is heel moontlik, en dit is 'n opsie wat beskikbaar sal wees, die metodes wat sal selfs meer hoë-kwaliteit van die produk te skep. Maar wees dat as dit kan, die werk wat nodig is noudat is. En hierdie naam - "Ajax".