Ajax - mis see on? Asynchronous JavaScript ja XML: plussid ja miinused

Nüüd saate vaadata internetis kogub populaarsust kasutamise ja uute tehnoloogiate rakendamine. Üks neist - on AJAX. Mis see on? Mis funktsioone see on? Kui kohaldada? Kõik need küsimused ootavad vastust selles artiklis.

üldinfo

Kuidas paistab AJAX? Mis see tähendab? See vähendamine on lühend. Ta seisab Asynchronous JavaScript ja XML ( "Asynchronous JavaScript ja IKSML"). Sageli saab näha ega kuulda informatsiooni, et see uus tehnoloogia. Aga see ei ole tõsi. Asjaolu, et JavaScript ja XML on juba üsna pikka aega, samas kui "Ajax" on sünteesi need tehnoloogiad. Kõige sagedamini kasutatakse seda koos mõiste Web 2.0 ja mõistetakse kasutamise täiustatud disaini meetodeid.

Ja mis funktsioon?

Niisiis, meil on juba üldine ettekujutus on AJAX. Mida see annab meile praktikas? Miks on aktiivselt rääkida oma rakendus? Omapära see tehnoloogia - on see, et kui sa seda kasutada ei pea värskenda terve lehekülg esimesel nõudmisel. Lõppude lõpuks, saate taotleda uusi andmeid ainult osa sellest. See on mugav (sest vähem aega pead ootama) ja kulu (neile, kes ei ole piiramatu internet). Kuid selleks, et teavitada kasutajat, mis toimub uuendus on soovitav kasutada vähemalt koormuse näitaja või tekstsõnumeid teavitama uute andmete serverist. Nagu miinused tehnoloogia on sageli nimetatud asjaolu, et see ei toeta pärand ja teksti brauseritega. Ja võime blokeerida Javascript tehnoloogia on alla kui palju ja nautida. Seetõttu ei tohiks te kuritarvitada AJAX. Et see võib anda, kui ei ole pakkuda alternatiivseid meetodeid teabe? Parimal juhul teavet ainult ei kuvata kohapeal. Halvimal - selle välimus on nii kahjustatud, et kasutaja ei ole enam tagasi pöörduda.

Eelised "Ajax"

See tehnoloogia pakub kahte meetodit, mille veebilehe saab realiseerida. Esimene hõlmab muudatuste tegemist ilma taaskäivitus. Seda on võimalik saavutada dünaamiline serveri taotlused. Teine hõlmab konkreetsete tehnoloogiate kasutamist, kõige populaarsem, mis on XMLHttpRequest. Suhteliselt omad eelised, "Ajax" võib öelda järgmist:

1. Saate luua mugav veebipõhine rakendus, mis liides on terve hulk toredaid omadusi kasutaja, nii et hõlbustada inimeste suhtlemist ja veebilehel.
2. Selle asemel, et tervet lehte uuesti laadida osalise. See säästab ressursse ja optimeerib masin jõudlust.
3. Server osa sait on aktiivselt suhtleb kasutaja.
4. Kasulik rakendamiseks mitmeid ideid.

Suhtlemine

Siin näiteks on vaja tagasiside vormi, mida saab kasutada, et nõustada kliente. Kuidas saab seda teha? Esiteks peame hoolitsema "kandja" teavet. Selleks on vaja luua XMLHttpRequest objekti. Ta toimib vahendajana vahel serveri ja kasutaja brauseri. Selle objekti saadab taotlused ja saada vastuseid neile. Otsese andmevahetus, peame AJAX PHP. Need vahendid võivad olla teostatud kasutades GET- või POST-päringuid. Sel juhul vajalikud argumendid kantakse otse URL. Samal ajal kestab funktsiooni ja selle eest, et andmeedastus ei katkenud. Aga kuidas rakendada AJAX-request? Soovitame kasutada POST. Tänu temale saate edastada piiramatu andmemaht, mis pealegi on palju raskem ligi pääseda.

tööpõhimõte

Kuidas on Asynchronous JavaScript ja XML praktikas? Olgem aru seda näidet. Ehitatud seoses struktuuri pead veenduge, et klient osa annab kõik vajalikud funktsioonid turvalist andmevahetust. See peaks pakkuma vajalikku meetodeid teabe edastamiseks valitud viisil. Serveri poolt peaks tagama, et andmete töötlemine ning neil põhinevad juba uut teavet ning edastavad selle kliendile. Kõige levinum interaktsiooni töötada andmebaasi. Me oleme varem mainitud on osa paljude ettevõtete alade vormis tagasisidet. Eelis "Ajax" antud juhul on see, et tal on asünkroonne andmete edastamiseks. Teisisõnu, kuigi teave saadetakse, saab kasutaja teha kõik vajalikud meetmed, et teda. Keskendudes eripära Igal juhul peate otsustama, kas soovite seda protsessi teavitada külastaja saidile. Võrreldes sama tagasiside vormi tuleb öelda, et antud juhul saame kirjutada "operaator valib vastus" või midagi sarnast.

serveri vastus

Ta võib tulla mitte ainult XML, kui võite arvata, sest nimi tehnoloogiat. Lisaks saab edastada lihttekstina või JSON. Esimesel juhul võib teabe kohe kuvatakse lehel. Kui kasutate XML, pead hoolitsema, et AJAX-fail on korrektselt töödeldud kliendi brauseris. Kõik andmed sel juhul teisendatakse (X) HTML. Kui kasutate JSON formaadis, peate täitma koodi saada täielikku objekti Javascript. On vaja olla ettevaatlik ja võtta arvesse asjaolu, et paljud häkkerid meeldib edastada pahatahtliku koodi abil seda tehnoloogiat. Seepärast on vaja ette näha andmete kontrollimise protsess, enne kui nad on töödeldud. Tunnused realiseerimiseks erinevate brauseritega võib olla veidi erinev, kuid üldiselt tegevus siin on üks kava.

Teeme taotluse server ja vastust töötlemine

Kogu tegevuste jada on järgmine:

1. Esialgu teil on vaja luua ja veenduda, et seal on XMLHttpRequest.
2. Siis käivitab serveri ühendus.
3. Saada taotlus sellele.
4. Ootame andmeid, et leida ja neid töödelda.

See peaks teile rääkida mõned funktsioonid loomine objekti. See võib alustada ükskõik kus see on võimalik ainult raames programmeerimiskeelt. Aga kui ta anti staatuse globaalse igal ühel ajahetkel, et see oleks võimalik töötada ainult üks taotlus. Sel hetkel, sa pead maksma suurt tähelepanu. Seoses ravi - siin me keskenduda valitud vahend. Niisiis, kui XML andmete töötlemiseks DOM-funktsioonid ja esitada kasutajal on lõpptulemus HTML. Ja mida teha JSON-reitinguga? Tuleb mõista, et see on objekti märge Javascript. Mis see tähendab? Tänu JSON objekti saab esindatud string. Aga tuleb meeles pidada, et see meetod ei ole ohutu täielik, ja palju tegureid tuleb arvestada. Aga üldiselt, see on väga lihtne.

Server-side programmeerimiskeelte

Peaaegu kõik veebipõhine rakendus kasutab neid ühel või teisel viisil. Andmete edastamine on kõige populaarsem PHP. On see tavaliselt kirjutada faile saite, kus ei ole kriitiline andmeedastuskiirus ja eelistatud tasakaalu teda ja usaldusväärsust. XMLHttpRequest edastustehnoloogiat ülalpool.

seadistamine server

Mis programme vaja täielikult toimima AJAX? Mida see meile annab? Mis need on? Et saada vastuseid nendele küsimustele, siis tuleb end kurssi viia järgmise nimekirja:

1. HTML / XHTML. Nad on vaja server tunnustada lehekülje paigutuse.
2. CSS. See tööriist on vajalik visuaalne valikut lehe disaini.
3. DOM. See on vajalik selleks, et tagada dünaamilised muutused lehel vastuseks tegevust kasutaja.
4. XML. On vajalik andmeedastus vahel klient ja server.
5. JavaScript. Peame looma kursori "Ajax" ja pakkuda interaktiivsust.
6. XMLHttpRequest. Objekti mille kaudu päringuid edastatakse serverisse.

Kasutades saidi

Nüüd on meil nii teoreetilisi teadmisi ja ideid, kuidas AJAX. Saadan andmed on nüüd ainult vaja teatud praktika. Vaatame üldiselt, kuidas läheneda rakendamise ülesande kasutades "Ajax". Niisiis, me peame looma juht andmebaasi. Ja nad erinevad seadmed, mida saab kasutada. Tuleb märkida, et eespool andmebaas on väga suur, nii et ma lihtsalt saadab selle kliendi ja tal on pakkuda valiku tegemiseks kasutades JavaScript ei ole mõtet. Samuti on soovitav omada veebilehe laaditakse tõttu ühe parameetri. Serveris taotlused hakkama spetsiaalse PHP skripte. Andmebaas on realiseeritud XML-faili.

umbes andmebaas

See on vajalik, et töötada välja oma struktuuri. Ja mis siis, kui möödunud parameetrid, mis on objektid? Sellisel juhul on vaja ette näha loomine muutuja, kus ei toimu link selle kõne sündmuse funktsiooni. Et oleks võimalik kasutada seda kõikjal on vaja teha ülemaailmset käitumisjuhendit. Mugavuse, on soovitav kasutada andmebaasi juhtimissüsteemi. Muidugi, see ei ole vajalik. Aga ikkagi lubada kasutada andmebaasi töötada mugavamalt ja tõhusalt andmeid.

Me töötame mootori tööks

Kuidas kõike juhtub? Niisiis, seal on teatud sündmus, mis põhjustab eriline funktsioon. Ta valmistab GET või POST-andmed, mis saadetakse. Seejärel kutsub funktsioon, mis teeb üleskutse URL server script. On vaja näha ette loomise XMLHttpRequest-objekti. Viide tuleb salvestatud muutuja. Pärast andmed on serverisse saata, peate ootama vastust teda. Selleks, saate sisse lülitada "pealtkuulamise" saada teavet (kui see on teada, tulevad ja millal) või anda funktsioon, mis on alati valmis andmeid vastu võtta. Esimene variant on vähem usaldusväärsed puhul erakorraline olukord. Teine teostus - kulukam ressursside poolest. Kuigi, kui see on tehtud ainult seoses ühe muutuja, see ei mõjuta kiire Interneti. Aga kui seal on sadu ja tuhandeid, ja neil on kõrge resolutsiooniga, - siis on see teine asi. Seega on vaja leida tasakaal olemasolevate ressursside kasutamist ja tõhusust. Lõppude lõpuks, see peaks olema arusaadav, et kõik ei ole mälu kuni 16 GB. See võib seada teatud ooteaeg, mille järel asendatud eelmise andmete või teabe, et server ei ole hetkel saadaval.

Omadused

Kui kasutate "Ajax" on loodud liides lehe või taotluse, peate veenduge, et tulemus toimib hästi erinevates operatsioonisüsteemides ja erinevate brauseritega. Esimesel juhul on võimalik pakkuda väärtuslikku abi emulators. Teisel juhul piisab lihtsalt paigaldada erinevaid programme ja nad testida funktsionaalsust koodi. Samuti on vaja sätestada teatavate meetmete ja juhul, kasutaja brauser kasutatakse aegunud või see lülitub välja vajalikud seaded. Sellistel juhtudel tuleks hoolitseda tühistamise teksti lehel, märkides, miks vaatamise sait antud juhul ei ole võimalik. Jah, nüüd enamik inimesi, kasutades kaasaegset tehnoloogiat, kuid ei ole täielikult lahti lasta tähelepanu tõenäosus ning asjaolu, et mõne protsendi külastajad kasutada mõningaid vananenud tarkvara. Ja äri skaala võib olla tõsised tagajärjed.

järeldus

See on loogiline lõpus see artikkel. Kui me räägime "Ajax" kogu see tööriist võimaldab teil luua väga atraktiivne ja rikkalikumaid veebilehed, mis töötavad kiiresti ja pädevate paigutus pakkuda oma kasutajate rõõm. Ei ole kahtlust, et seal on isegi rohkem arenenud tehnoloogia tulevikus, kuid praegu me kasutame, mis meil on. Kuna paranemist programmeerimiskeeli ja tehnikaid on täiesti võimalik, ja see on võimalus, mis on saadaval, meetodid, mis loob veelgi kvaliteetset toodet. Kuid tuleb, et ta võib tööd vaja nüüd, et on. Ja see nimi - "Ajax".