Ajax - Wat is it? Asynchronous JavaSkript en XML: foardielen en neidielen

No kinne jo besjen op it ynternet wint populariteit it brûken en it tapassen fan nije techniken. Ien fan har - is AJAX. Wat is it? Hokker eigenskippen hat it hawwe? Wêr te passen? Al dizze fragen sille te finen it antwurd yn dit artikel.

algemiene ynformaasje

Hoe stiet AJAX? Wat moat dat wurde? Dit reduksje is in letterwurd. It stiet foar Asynchronous Javascript en XML ( "Asynchronous Javascript en IKSML"). Faak kinne jo sjen of hearre de ynformaasje dat dizze nije technology. Mar dat is net wier. It feit dat Javascript en XML binne der al hiel lang, wylst de "Ajax" is in synteze fan dizze technologyen. Meast faak wurdt it brûkt yn kombinaasje mei de term Web 2.0 en wurdt opfette as it brûken fan avansearre design techniken.

En hokker funksje?

Sa, we al in algemiene idee fan wat is AJAX. Wat it jout ús yn de praktyk? Wêrom wurdt aktyf prate oer syn tapassing? De nuverheden fan dizze technology - is dat as jo brûke it net nedich te ferfarskjen de hiele side op de earste fraach. Ommers, kinne jo opfreegje fia nije gegevens allinnich foar in part dêrfan. Dit is handich (omdat it minder tiid moast wachtsje), en kosten (foar har dy't der net ûnbeheind ynternet). Lykwols, te ynformearjen de brûker oer wat der bart upgrade is winsklik om te brûken op syn minst in lading indicator of tekst berjochten dy't ynformearje oer nije gegevens fan 'e tsjinner. As minnen technology wurdt faak ferwiisd nei it feit dat it net stipet neilittenskip en tekst browsers. En de mooglikheid om útskeakelje Javascript technology is oan de brûker as in protte en genoten. Dêrom, jimme moatte gjin misbrûk AJAX. Dat it kin jaan, as it net te foarsjen alternative metoaden fan it jaan fan ynformaasje? Yn it bêste gefal, de ynformaasje krekt sille net wurde werjûn op de site. Yn de slimste - it jowt him sa troffen, dat de brûker net mear hat om werom.

Foardielen fan "Ajax"

Dit technology biedt twa wizen wêrop't in webside kin realisearre wurde. It earste giet it meitsjen fan feroarings sûnder rebooting. Dit kin folbrocht mei dynamyske oanfragen nei de tsjinner. De twadde giet it om it brûken fan spesifike techniken, de meast populêre dêrfan is de XMLHttpRequest. Relatyf eigen foardielen, "Ajax" kin sizze de folgjende:

1. Jo kinne in handige web-basearre programma, hokker interface sil hawwe in hiele oantal moaie funksjes foar de brûker, mei as gefolch dat fasilitearjen minsklike ynteraksje en webside.
2. Yn plak fan in folsleine side ferfarskje in part. Dit besparret middels en optimizes machine prestaasje.
3. De tsjinner diel fan de site is aktyf interacts mei de brûker.
4. Nuttich foar de útfiering fan in tal ideeën.

kommunikaasje

Hjir, bygelyks, moatte in feedback formulier, dat kin brûkt wurde om advisearje klanten. Hoe't it kin dien wurde? Earst moatte wy nimme soarch fan 'e "carrier" fan ynformaasje. Om dat dogge moatte in XMLHttpRequest foarwerp. Hy treedt as tuskenpersoan tusken de tsjinner en de brûker fan blêder. Mei dit objekt sil ferstjoere fersiken en ûntfange antwurden op harren. Foar direkte gegevens útwikseling, wy moatte AJAX PHP. Dy ark meie wurde útfierd mei help fan GET- of POST-queries. Yn dit gefal, de needsaaklike arguminten sille wurde trochjûn direkt fia de URL. Tagelyk sil rinne de funksje, en foar te soargjen dat de gegevens oerdracht wurdt net ûnderbrutsen. Mar hoe te fieren AJAX-request? Recommend brûkende POST. Mei tank oan him, kinne jo oermeitsje in ûnbeheinde bedrach fan data, dat, boppedat is folle dreger om tagong.

prinsipe fan operaasje

Hoe binne de Asynchronous Javascript en XML yn de praktyk? Litte wy begripe dit mei in foarbyld. Boud mei respekt foar de struktuer jo moatte der wis fan dat de kliïnt diel soarget foar alle nedige funksjonaliteit foar feilige gegevens útwikseling. It moat de nedige metoaden foar transmitting ynformaasje selektearre wizen. De tsjinner diel moat derfoar soargje dat it ferwurkjen fan 'e gegevens, en op grûn dêrfan al, te generearjen nije ynformaasje om dêrnei trochjaan dat oan de klant. De meast foarkommende type ynteraksje is om te wurkjen mei de databank. Wy hawwe earder neamd is in elemint fan in soad saken sites as in foarm fan feedback. It foardiel fan "Ajax" yn dit gefal is dat it hâldt asynchronous gegevens oerdracht. Mei oare wurden, wylst de ynformaasje wurdt ferstjoerd, de brûker kin útfiere alle needsaaklike aksjes oan him. Rjochte op 'e specifics fan elk gefal, moatte jo beslisse oft jo wolle dit proses te ynformearjen de besiker fan de site. Relatyf oan deselde feedback foarm moat sein wurde dat yn dit gefal kinne wy skriuwe "operator wizerplaten it antwurd", of wat fergelykber.

server antwurd

Hy kin komme net allinnich foar XML, sa as jo al tinken fanwegen de namme fan technology. Dêrneist kin oerdroegen wurde as platte tekst of JSON. Yn it earste gefal de ynformaasje kin daliks werjûn op de side. As mei help XML, jo moatte soargje dat AJAX-triem is goed ferwurke yn de kliïnt browser. Alle data yn dit gefal wurdt omsetten nei (X) HTML. By it brûken fan JSON-formaat, jim moatte útfiere de koade te krijen de folsleine foarwerp Javascript. It is needsaaklik om te wêzen foarsichtich en rekken hâlden wurde mei it feit dat in protte hackers graach zenden kwea koade troch middel fan dizze technology. It is dêrom needsaaklik om te foarsjen foar it gegevens ferifikaasje proses foardat se wurde ferwurke. Skaaimerken fan realisaasje foar ferskillende browsers kin iets oars, mar yn it algemien, de aksje hjir is ien skema.

Wy meitsje in fersyk oan de tsjinner en in antwurd ferwurkjen

De hiele opienfolging fan aksjes is as folget:

1. Ynearsten, moatte jo te meitsjen en om der wis fan dat der XMLHttpRequest.
2. Dan initializes tsjinner ferbining.
3. Stjoer it fersyk oan it.
4. Wy wachtsje gegevens komme, en ferwurkje se.

It moat fertel jimme oer guon fan de funksjes op it ta stân kommen fan it foarwerp. It kin wêze inisjearre yn elts plak dêr't it mooglik is allinne binnen it ramt fan de programmearring taal. Mar as hy krige de status fan in globale, yn elts iene punt yn de tiid foar it te wêzen mooglik te wurk mei mar ien fersyk. Op dit punt, dan moatte betelje tichtby omtinken. Oangeande behanneling - hjir wy rjochtsje op de keazen ynstrumint. Dus, as it XML-gegevens wurde ferwurke DOM-funksjes en presintearje de brûker hat de ein resultaat yn HTML. En wat te dwaan mei JSON-rated? Dêrby moat begrepen, dat it is it foarwerp notaasje Javascript. Wat moat dat wurde? Due JSON in foarwerp kin wurde fertsjintwurdige as in tekenrige. Mar it moat betocht wurde dat dy metoade is net feilich foar de folle, en in protte faktoaren moatte wurde beskôge. Mar, yn it algemien, is it hiel maklik.

Tsjinner-side programmearring talen

Hast eltse web-basearre applikaasje brûkt se yn ien of oare wize. Foar gegevens trochjaan is de meast populêre PHP. Op it meastentiids skriuwe triemmen foar siden, wêr is net kritysk gegevens transmission taryf, en de foarkar lykwicht tusken har en de betrouberens. XMLHttpRequest transmission techniken besprutsen hjirboppe.

it ynstellen fan tsjinner

Hokker programma 's binne nedich om folslein operearjen AJAX? Wat docht dit jou ús? Wat binne se oan? Om krijen antwurden op dizze fragen, dan moatte yn'e kunde te kommen mei de neikommende list:

1. HTML / XHTML. Se binne nedich foar de tsjinner te werkenne de side opmaak.
2. CSS. Dit ark is nedich foar byldzjende seleksje fan side design.
3. DOM. It is nedich om te soargjen de dynamyske feroarings op in side as in reaksje op de aksje troch de brûker.
4. XML. Is nedich foar gegevens oerdracht tusken de kliïnt en de tsjinner.
5. JavaScript. Wy moatte in rinnerke "Ajax" en soargje ynteraktiviteit.
6. XMLHttpRequest. Objekt troch hokker fragen wurdt trochstjoerd nei de tsjinner.

Mei help fan de side

Sa no ha wy sawol de teoretyske kennis en ideeën oer hoe't it AJAX. It ferstjoeren fan gegevens is no allinnich freget in bepaalde praktyk. Lit ús sjen yn it algemien, hoe te benaderje de útfiering fan de taak mei help fan de "Ajax". Dus, wy moatte in stjoerprogramma databank. En hja sille ferskille apparaten hokker kin wurde eksploitearre. Dêrby moat opmurken wurde dat it boppesteande databank is hiel grut, dus ik gewoan stjoer it nei de klant en dat te bieden hat om in seleksje mei JavaScript hat gjin sin. It is ek winsklik om sels in webside wurdt reloaded fanwege ien parameter. Op de tsjinner fersiken sille omgean spesjale PHP skripts. De databank wurdt útfierd as in XML-triem.

About databank

It is nedich om te wurkjen út syn struktuer. En wat as it foarby parameters, dat binne de objekten? Yn sa'n gefal is it nedich om te foarsjen foar it oprjochtsjen fan in fariabele, dêr't der sil gjin keppeling it oan de oprop evenemint fan de funksje. Om kinne om tagong is fan wêr dan is it nedich om in globale koade. Foar gemak, is it winsklik om te brûken op in database management systeem. Fansels, dat is net nedich. Mar noch altyd tastean it brûken fan de databank te wurkjen mear noflik en effektyf mei de gegevens.

Wy wurkje oan motor operaasje

Hoe hat alles sil barre? Dus, der komt in bepaald evenemint, dat sil feroarsaakje in spesjale funksje. Sy sil tariede in GET of POST-gegevens dy't sil stjoerd wurde. It dan ropt de funksje, dy't sil meitsje in berop nei it URL fan de tsjinner skript. It is needsaaklik om te envisage de oprjochting fan XMLHttpRequest-objekt. In ferwizing nei it moat wurde opslein yn in fariabele. Neidat de gegevens is stjoerd nei de tsjinner, moatte jo wachtsje foar in antwurd fan him. Om do dit, dan kinne jo op "wiretapping" om krijen ynformaasje (as bekend, soe komme en doe) of te bieden in funksje dy't sil altyd wêze klear te akseptearjen gegevens. De earste útfiering is minder betrouber yn it gefal fan in bûtengewoane situaasje. De twadde realisaasje - mear kostber kwa middels. Hoewol, as it wurdt dien allinnich mei respekt foar ien fariabele, dat hat gjin ynfloed op de flugge ynternet. Mar as der binne hûnderten en tûzenen, en sy sille hawwe in hege resolúsje, - dan sil in oare saak. It is dêrom needsaaklik om te sykje in lykwicht tusken it brûken fan de beskikbere middels en effektiviteit. Ommers, dat moat wêze begrepen dat net alle hawwe it ûnthâld oant 16 GB. Dit kin set in bepaalde wachttiid wêrnei wiksele de foarige gegevens of ynformaasje dat de tsjinner is net beskikber op dit stuit.

Features

As jo de "Ajax" wurdt oanmakke troch de ynterface foar de side of applikaasje, moatte jo der wis fan dat it resultaat wurket goed op ferskillende bestjoeringssystemen, en op ferskillende browsers. Yn it earste gefal sil by steat wêze om te foarsjen fan ûnskatbere wearde help Emulators. Yn it twadde gefal is it sil wêze genôch krekt te ynstallearjen in ferskaat oan programma en se hifkje de funksjonaliteit fan de koade. It is ek nedich om te foarsjen foar beskate aksjes en, yn it gefal de brûker syn blêder sil brûkt wurde ferâldere of it sil opsletten út de nedige ynstellings. Yn sokke gefallen, soarch moatte wurde nommen foar it weromlûken fan de tekst op 'e side, dêr't yn stie de reden wêrom't de besjen site yn dit gefal is net mooglik. Ja, no de grutte mearderheid fan 'e minsken mei help fan moderne technology, mar net hielendal lit gean fan omtinken oan de kâns en it feit dat in pear prosint fan de besikers sille brûke wat ferâldere software. En yn it bedriuwslibben skaal kin hawwe wichtige gefolgen.

konklúzje

Dat komt ta in logyske ein fan dit artikel. As wy prate oer "Ajax" op it gehiel, dit helpmiddel kinne jo te meitsjen in tige oantreklik en funksje-rike websiden dy't wurkje hurd en mei foechhawwende yndieling leverjen oan har brûkers een genot. Der is gjin twifel, dat der sil noch mear foardere technologyen yn 'e takomst, mar foar no wy sille brûke wat wy hawwe. As it ferbetterjen fan de programmearring talen en techniken is it hiel goed mooglik, en dit is in opsje dat sil beskikber wêze, de metoaden dy't sil meitsje noch mear hege-kwaliteit produkt. Mar wêze dat dat ek, it wurk nedich no't dat is. En dy namme - "Ajax".