Ajax - Ano ito? Asynchronous JavaScript at XML: pakinabang at disadvantages

Ngayon ay maaari mong panoorin sa internet pagkakaroon ng pagiging popular sa paggamit at application ng mga bagong teknolohiya. Ang isa sa kanila - ay AJAX. Ano ito? Anong mga tampok ay mayroon ito? Saan mag-apply? Ang lahat ng mga tanong na ito ay matatagpuan ang sagot sa artikulong ito.

pangkalahatang impormasyon

Paano nakatayo AJAX? Ano ang ibig sabihin? Ang pagbabawas na ito ay isang acronym. Ito ay nakatayo para sa Asynchronous Javascript at XML ( "Asynchronous Javascript at IKSML"). Kadalasan maaari mong makita o marinig ang mga impormasyon na ang bagong teknolohiya. Ngunit ito ay hindi totoo. Ang katotohanan na ang Javascript at XML, may mga na lubos ng mahabang panahon, samantalang ang "Ajax" ay isang synthesis ng mga teknolohiya. Karamihan sa mga madalas na ito ay ginagamit sa kasabay ng ang term Web 2.0 at nauunawaan bilang ang paggamit ng mga advanced na mga diskarte sa disenyo.

At kung ano ang tampok na ito?

Kaya, kami ay mayroon ng isang pangkalahatang ideya ng kung ano ang AJAX. Ano ito ay nagbibigay sa amin sa kasanayan? Bakit ang pagiging aktibong makipag-usap tungkol sa kanyang application? Ang kakaibang uri ng teknolohiya - ay na kapag gumamit ka ng hindi ito kailangan upang i-refresh ang buong pahina sa unang demand. Pagkatapos ng lahat, maaari kang humiling ng bagong data lamang para sa mga bahagi nito. Ito ay maginhawa (dahil ang mas kaunting oras ikaw ay may sa maghintay), at gastos (para sa mga taong hindi unlimited internet). Gayunpaman, upang ipaalam ang manggagamit tungkol sa kung ano ang nangyayari upgrade ay kanais-nais na gumamit ng hindi bababa sa isang load indicator o text message na ipagbigay-alam tungkol sa mga bagong data mula sa server. Bilang minuses teknolohiya ay kadalasang tinutukoy ang katotohanan na ito ay hindi sumusuporta sa legacy at teksto browser. At ang kakayahan upang huwag paganahin ang Javascript teknolohiya ay sa user kaysa sa marami at masaya. Samakatuwid, hindi ka dapat abusuhin AJAX. Maaari itong magbigay, kung hindi upang magbigay ng alternatibong mga paraan ng pagbibigay ng impormasyon? Sa pinakamahusay na kaso, ang impormasyon na lamang ay hindi maaaring ipakita sa site. Sa pinakamalala - ang hitsura nito ay kaya apektado na ang gumagamit ay hindi na may sa bumalik.

Kalamangan ng "Ajax"

Ang teknolohiyang ito ay nag-aalok ng dalawang mga pamamaraan sa pamamagitan ng kung saan ang isang web page ay maaaring natanto. Ang unang nagsasangkot ng paggawa ng mga pagbabago nang walang Nagre-reboot. Ito ay maaaring maganap sa mga dynamic na mga kahilingan sa server. Ang ikalawang ay nagsasangkot ang paggamit ng mga tiyak na mga teknolohiya, ang pinaka-popular na kung saan ay ang XMLHttpRequest. Relatibong sariling mga kalamangan, "Ajax" maaaring sabihin ang mga sumusunod:

1. Maaari kang lumikha ng isang maginhawang web-based na application, na interface ay magkakaroon ng isang buong bilang ng mga magaling na tampok para sa mga gumagamit, na may resulta na mapadali ng tao pakikipag-ugnayan at website.
2. Sa halip ng isang buong pahina ng i-reload isang bahagyang. Ito sine-save ng mga mapagkukunan at ino-optimize ang pagganap ng machine.
3. Ang server bahagi ng site ay aktibong nakikipag-ugnayan sa user.
4. Kapaki-pakinabang para sa pagpapatupad ng isang bilang ng mga ideya.

Nakikipag-ugnayan

Dito, halimbawa, kailangan ng isang feedback form, na kung saan ay maaaring gamitin upang payuhan customer. Paano maaari itong gawin? Unang kailangan namin upang alagaan ang "carrier" ng impormasyon. Upang gawin ito, kailangan mong lumikha ng isang XMLHttpRequest object. Siya ay gumaganap bilang isang tagapamagitan sa pagitan ng mga server at browser ng gumagamit. Sa bagay na ito ay magpadala ng mga kahilingan at tumanggap ng mga sagot sa mga ito. Para sa mga direktang palitan ng data, kailangan namin ng AJAX PHP. Mga kasangkapan na ito ay maaaring ipinatupad gamit GET o POST-query. Sa kasong ito, ang mga kinakailangang mga argumento ay pumasa direkta sa pamamagitan ng URL. Kasabay nito tatakbo ito sa function, at sa pagtitiyak na ang data transfer ay hindi nagambala. Ngunit kung paano ipatupad ang AJAX kahilingan? Inirerekomenda ang paggamit ng POST. Salamat sa kanya, maaari kang maglipat ng isang walang limitasyong dami ng data, na kung saan, bukod doon, ay mas mahirap i-access.

prinsipyo ng operasyon

Paano kinakalkula ang mga Asynchronous Javascript at XML sa kasanayan? ni maunawaan na ito sa isang halimbawa. Itinayo na may paggalang sa ang istraktura ng kailangan mong tiyakin na ang client bahagi ay nagbibigay ng lahat ng kinakailangang mga pag-andar para sa mga secure na data exchange. Dapat ito ay nagbibigay ng mga kinakailangang mga pamamaraan para sa pagpapadala ng impormasyon napiling paraan. Ang server na bahagi ay dapat na matiyak na ang processing ng mga data, at, batay sa mga ito na, upang bumuo ng bagong impormasyon upang magkakasunod na ipasa ito sa sa mga customer. Ang pinaka-karaniwang uri ng pakikipag-ugnayan ay upang magtrabaho kasama ang database. Kami ay dati nang nabanggit ay isang elemento ng maraming mga site na negosyo bilang isang paraan ng feedback. Ang bentahe ng "Ajax" sa kasong ito ay ang hawak nitong asynchronous data transfer. Sa ibang salita, habang ang impormasyon ay ipinadala, ang user ay maaaring isagawa ang lahat ng mga kinakailangang pagkilos sa kanya. Ay nagbibigay-diin sa mga pagtutukoy ng bawat kaso, kailangan mong magpasya kung nais mo ang prosesong ito upang ipaalam sa mga bisita ng site. Kamag-anak sa parehong form ng feedback ay dapat na sinabi na sa kasong ito maaari naming isulat ang "operator dials ang sagot", o isang bagay na katulad.

tugon ng server

Maaari niyang darating hindi lamang para sa XML, tulad ng maaari mong isipin, dahil sa pangalan ng teknolohiya. Bilang karagdagan, maaari itong ipinadala bilang plain text o JSON. Sa unang kaso ng mga impormasyon ay maaaring agad na ipinapakita sa pahina. Kung gumagamit ng XML, kailangan mong alagaan na AJAX-file ay maayos na naproseso sa client browser. Ang lahat ng data sa kasong ito ay na-convert sa (X) HTML. Kapag gumagamit ng JSON format, kailangan mong magsagawa ng code upang makuha ang buong object Javascript. Ito ay kinakailangan upang maging maingat at isaalang-alang ang katotohanan na maraming mga hacker nais na magpadala ng malisyosong code sa pamamagitan ng teknolohiyang ito. Ito ay kaya kinakailangan upang magbigay ng para sa proseso ng data ng pag-verify bago sila ay naproseso. Mga Tampok ng pagkaunawa para sa iba't ibang mga browser ay maaaring bahagyang naiiba, ngunit sa pangkalahatan, ang aksyon dito ay isang scheme.

gumawa kami ng kahilingan sa server at isang tugon sa pagpoproseso ng

Ang buong pagkakasunod-sunod ng mga aksyon ay ang mga sumusunod:

1. Sa una, kailangan mong lumikha at upang matiyak na mayroong XMLHttpRequest.
2. Pagkatapos initializes server connection.
3. Magpadala ng kahilingan dito.
4. Naghihintay tayo para sa data na dumating, at iproseso ang mga ito.

Dapat itong sabihin sa iyo ang tungkol sa ilan sa mga tampok sa ang paglikha ng object. Maaari itong i-na sinimulan sa anumang lugar na kung saan ito ay posible lamang sa loob ng balangkas ng programming language. Ngunit kung siya ay ibinigay ang katayuan ng isang pandaigdigan, sa anumang isang punto sa oras para sa mga ito upang maging posible upang gumana sa lamang ng isang kahilingan. Sa puntong ito, kailangan mong pagtuunan ng pansin. Hinggil sa paggamot - dito kami ay tumutok sa napiling instrumento. Kaya, kung ang XML data upang maisaproseso DOM-andar at ipakita ang user ay may ang resulta sa HTML. At ano ang gagawin sa JSON-rated? Dapat itong nauunawaan na ito ay ang object notation Javascript. Ano ang ibig sabihin? Dahil JSON isang bagay ay maaaring kinakatawan bilang isang string. Ngunit ito ay dapat na remembered na ang paraan na ito ay hindi ligtas sa ganap, at isang pulutong ng mga kadahilanan na kailangan upang maisaalang-alang. Subalit, sa pangkalahatan, ito ay napakadali.

programming wika Server-side

Halos anumang web-based na application ay gumagamit ng mga ito sa isang paraan o sa isa pa. Para sa pagpapadala ng data ay ang pinaka-popular na PHP. Doon ay karaniwang sumulat ng mga file para sa mga site, kung saan ay hindi kritikal na data transmission rate, at ang ginustong balanse sa pagitan ng kanya at pagiging maaasahan. XMLHttpRequest transmisyon pamamaraan tinalakay sa itaas.

Pag-configure ng server

Ano ang mga programa ay kinakailangan upang lubos na gumana AJAX? Ano ang nilalaman ng bigyan kami ng? Ano ang mga ito para sa? Upang makakuha ng mga sagot sa mga tanong, dapat mong maging pamilyar sa mga sumusunod na listahan:

1. HTML / XHTML. Ang mga ito ay kinakailangan para sa mga server upang makilala ang mga layout ng pahina.
2. CSS. Ang tool na ito ay kinakailangan para sa visual na seleksyon ng mga disenyo ng pahina.
3. DOM. Ito ay kinakailangan upang matiyak na ang mga dynamic na mga pagbabago sa isang pahina bilang isang tugon sa mga pagkilos ng user.
4. XML. Ay kinakailangan para sa data transfer sa pagitan ng mga client at server.
5. JavaScript. Kailangan namin upang lumikha ng isang cursor "Ajax" at magbigay ng interactivity.
6. XMLHttpRequest. Bagay pamamagitan ng kung aling mga query ay ipapasa sa server.

Paggamit ng site

Kaya ngayon kami ay may parehong panteorya kaalaman at mga ideya tungkol sa kung paano ang AJAX. Nagpapadala ng data ay ngayon ay nangangailangan lamang ng isang tiyak na kasanayan. Ipaalam sa amin tumingin sa pangkalahatan, kung paano diskarte ang pagpapatupad ng ang gawain ng paggamit ng "Ajax". Kaya, kailangan namin upang lumikha ng isang driver database. At sila ay naiiba na aparato na maaaring pinatatakbo. Dapat ito ay nabanggit na ang database itaas ay napakalaki, kaya ko lang ipadala ito sa client at ito ay may mag-alok upang makagawa ng isang seleksyon gamit ang JavaScript ay hindi magkaroon ng kahulugan. Ito rin ay kanais-nais na nagmamay-ari ng isang web pahina ay reloaded dahil sa isang solong parameter. Sa server kahilingan ay hawakan ang mga espesyal na PHP script. Ang database ay ipinatupad bilang isang XML-file.

Tungkol sa database

Ito ay kinakailangan na magtrabaho sa labas ng istraktura nito. At paano kung ang lumipas parameter, na kung saan ay ang mga bagay? Sa ganoong kaso ito ay kinakailangan upang magbigay ng para sa paglikha ng isang variable, kung saan walang magiging link ito sa mga kaganapan tawag mula sa function. Upang magagawang upang ma-access ito mula sa kahit saan ito ay kinakailangan upang makagawa ng isang pandaigdigang code. Para sa kaginhawahan, ito ay kanais-nais na gumamit ng isang sistema ng pamamahala ng database. Of course, ito ay hindi kinakailangan. Ngunit pa rin pinapayagan ang paggamit ng mga database upang gumana nang mas kumportable at epektibo sa ang data.

Nagsusumikap kami sa engine operasyon

Paano nakarating ang lahat ng bagay ang mangyayari? Kaya, diyan ay isang tiyak na kaganapan, na kung saan ay magiging sanhi ng isang espesyal na function. Maghahanda siya ng GET o POST-data na ipapadala. pagkatapos ay tawag ang function, na kung saan ay gumawa ng isang apela sa URL ng script server. Ito ay kinakailangan upang envisage ang paglikha ng XMLHttpRequest-bagay. Ang isang reference sa ito ay dapat na naka-imbak sa isang variable. Matapos ang data ay naipadala sa server, kailangan mong maghintay para sa isang tugon mula sa kanya. Upang gawin ito, maaari mong buksan ang "wiretapping" upang makakuha ng impormasyon (kung kilala, darating at kapag) o upang magbigay ng isang function na ay palaging magiging handa upang tanggapin ang data. Ang unang tunay na diwa ay mas maaasahan sa kaso ng isang hindi pangkaraniwang mga sitwasyon. Ang ikalawang hangarin - mas mahal sa mga tuntunin ng mga mapagkukunan. Kahit na, kung ito ay tapos na lamang na may paggalang sa isang variable, ito ay hindi nakakaapekto sa mabilis na Internet. Ngunit kung may mga daan-daan at libu-libo, at sila ay may isang mataas na resolution, - pagkatapos ito ay magiging isa pang bagay na ito. Ito ay samakatuwid ay kinakailangan upang humingi ng isang balanse sa pagitan ng paggamit ng mga magagamit na mapagkukunan at ang pagkabisa. Matapos ang lahat, dapat itong naunawaan na hindi lahat ay may memory sa 16 GB. Ito ay maaaring magtakda ng isang tiyak na oras ng paghihintay matapos na ipinalit sa nakaraang data o impormasyon na ipinakita ng server ay hindi magagamit sa ngayon.

Mga tampok

Kapag ginagamit ang "Ajax" ay nilikha sa pamamagitan ng interface para sa pahina o application, kailangan mong tiyakin na ang resulta ay mahusay na gumagana sa iba't-ibang mga operating system, at sa iba't ibang mga browser. Sa unang kaso ay maaaring magbigay ng walang kasinghalaga tulong emulators. Sa pangalawang kaso ito ay magiging sapat lamang upang i-install ng iba't-ibang mga programa at sila ay subukan ang pag-andar ng code. Ito rin ay kinakailangan upang magbigay ng para sa ilang mga aksyon at, sa kaso ng browser ng gumagamit ay gagamitin wala sa panahon o ito ay patayin ang mga kinakailangang setting. Sa naturang mga kaso, dapat mag-ingat para sa withdrawal ng teksto sa pahina, na nagsasabi ng dahilan kung bakit ang pagtingin site sa kasong ito ay hindi posible. Oo, ngayon ang karamihan ng mga tao gamit ang makabagong teknolohiya, ngunit huwag ganap na bitawan pansin ang mga bagay na maaaring mangyari at ang katotohanan na ang ilang porsyento ng mga bisita ay gamitin ang ilang mga hindi napapanahong software. At sa scale na negosyo ay maaari itong magkaroon ng makabuluhang kahihinatnan.

konklusyon

Iyon pagdating sa isang lohikal na dulo ng artikulong ito. Kung makipag-usap namin tungkol sa "Ajax" sa kabuuan, ang tool na ito ay nagbibigay-daan sa iyo upang lumikha ng isang talagang kaakit-akit at tampok-rich mga website na gumana nang mabilis at may karampatang layout maihatid sa mga gumagamit nito ang isang kasiyahan. Walang duda na magkakaroon ng higit pang mga advanced na teknolohiya sa hinaharap, ngunit sa ngayon kami ay gamitin kung ano ang mayroon kami. Habang ang pagpapabuti ng programming wika at mga pamamaraan ay lubos na posible, at ito ay isang opsiyon na magiging available, ang mga pamamaraan na lumikha ng higit pang mga de-kalidad na produkto. Ngunit na bilang maaari ito, ang mga gawaing kinakailangan ngayon na. At ito pangalan - "Ajax".