Ajax - Mikä se on? Asynchronous JavaScript ja XML: edut ja haitat

Nyt voit katsella internetissä suosiotaan käyttöä ja uusien teknologioiden soveltamista. Yksi niistä - on AJAX. Mikä se on? Mitä ominaisuuksia siinä on? Mihin hakemus? Kaikki nämä kysymykset on löytänyt vastausta tässä artikkelissa.

yleistietoa

Miten seisoo AJAX? Mitä se tarkoittaa? Tämä vähennys on lyhenne. Se edustaa Asynchronous JavaScript ja XML ( "Asynchronous JavaScript ja IKSML"). Usein voit nähdä tai kuulla tiedon, että tämä uusi teknologia. Mutta tämä ei ole totta. Se, että JavaScript ja XML, on jo melko pitkään, kun taas "Ajax" on synteesi näistä teknologioista. Useimmiten sitä käytetään yhdessä termin Web 2.0 ja ymmärretään käyttämällä kehittynyttä suunnittelun tekniikoita.

Ja mitä ominaisuus?

Joten, meillä on jo yleinen käsitys siitä, mitä on AJAX. Mitä se antaa meille käytännössä? Miksi aktiivisesti puhua sen soveltamisesta? Erikoisuus tämä teknologia - on, että kun käytät sitä ei tarvitse päivittää koko sivun ensimmäisessä kysyntää. Loppujen lopuksi voit pyytää uusia tietoja ainoastaan osan siitä. Tämä on kätevä (koska vähemmän aikaa joudut odottamaan), ja hinta (niille, jotka eivät ole rajaton Internet). Kuitenkin ilmoittaa käyttäjälle siitä, mitä tapahtuu päivitys on suotavaa käyttää ainakin kuormaindikaattoria tai tekstiviestejä, jotka ilmoittavat uusista tietoja palvelimesta. Kuten miinuksia tekniikka viitataan usein siihen, että se ei tue vanhoja ja tekstin selaimilla. Ja kyky poistaa Javascript tekniikka on käyttäjän kuin monet ja nautti. Siksi kannattaa väärin AJAX. Että se voi antaa, jos ei tarjota vaihtoehtoisia menetelmiä saada tietoa? Parhaassa tapauksessa tieto vain ei näytetä sivustolla. Pahimmassa - sen ulkonäkö on niin vaikuttaa, että käyttäjä ei enää palata.

Edut "Ajax"

Tämä tekniikka on kaksi tapaa, joilla sivun voi toteutua. Ensimmäinen kuuluu tehdä muutoksia ilman uudelleenkäynnistystä. Tämä voidaan toteuttaa dynaaminen pyyntöjä palvelimelle. Toinen liittyy tiettyjen tekniikoiden, joista suosituin on XMLHttpRequest. Suhteellisen omat etunsa, "Ajax" voi sanoa seuraavaa:

1. Voit luoda kätevin web-pohjainen sovellus, joka käyttöliittymä on koko joukko kivoja ominaisuuksia käyttäjälle, sillä seurauksella, että helpottaa ihmisten välistä vuorovaikutusta ja verkkosivuilla.
2. Sen sijaan, että koko sivun uudelleen osittainen. Tämä säästää resursseja ja optimoi koneen suorituskykyä.
3. Palvelin osa sivuston on aktiivisesti vuorovaikutuksessa käyttäjän kanssa.
4. Täytäntöönpanossa hyödyllisten useita ideoita.

viestiminen

Täällä esimerkiksi tarvitsevat palautelomake, jota voidaan käyttää neuvomaan asiakkaita. Miten se voidaan tehdä? Ensin täytyy pitää huolta "kantavan" tietoa. Voit tehdä tämän, sinun täytyy luoda XMLHttpRequest esinettä. Hän toimii välittäjänä palvelimen ja käyttäjän selaimen. Tässä tarkoituksessa lähettää pyyntöjä ja saada vastauksia niihin. Suoraa tietojen vaihtoa, tarvitsemme AJAX PHP. Nämä työkalut voidaan toteuttaa käyttämällä get tai post-kyselyitä. Tässä tapauksessa tarvittavat argumentit välitetään suoraan URL-osoitteen kautta. Samalla se toimii toiminnon, ja siitä, että tiedonsiirto ei keskeydy. Mutta miten toteuttaa AJAX-pyyntö? Suosittelemme käyttämään POST. Hänen ansiostaan voit siirtää rajoittamattoman määrän dataa, joka on lisäksi on paljon vaikeampi päästä.

toimintaperiaate

Miten ovat Asynchronous JavaScript ja XML käytännössä? Oletetaan ymmärrä tätä esimerkillä. Rakennettu suhteessa rakenteeseen sinun täytyy varmistaa, että asiakas osaa antaa kaikki tarvittavat toiminnot turvallisen tietojen vaihtoa. Sen pitäisi antaa tarvittavat menetelmät tiedon välittämiseksi valitun tavoilla. Palvelin osa olisi varmistettava, että tietojen käsittely, ja niiden perusteella jo, tuottamaan uutta tietoa myöhemmin välittää sen asiakkaalle. Yleisin tyyppi vuorovaikutus on työskennellä tietokantaan. Olemme aikaisemmin mainittu on osa monien liikepaikkojen muotona palautetta. Etuna "Ajax" tässä tapauksessa on, että se omistaa asynkronisen tiedonsiirron. Toisin sanoen, kun tiedot lähetetään, käyttäjä voi suorittaa kaikki tarvittavat toimet häntä. Keskittyen kunkin tapauksen, sinun täytyy päättää, haluatko tätä prosessia ilmoittaa kävijän sivuston. Verrattuna samaan palautelomakkeen on sanottava, että tässä tapauksessa voimme kirjoittaa "operaattori valitsee vastaus" tai jotain vastaavaa.

palvelimen vastaus

Hän voi tulla paitsi XML, kuin luulisi, koska nimen tekniikkaa. Lisäksi, se voidaan lähettää pelkkänä tekstinä tai JSON. Ensimmäisessä tapauksessa tieto on heti näkyviin sivulla. Jos XML, sinun täytyy huolehtia, että AJAX-tiedosto on asianmukaisesti käsitelty selain. Kaikki tiedot tässä tapauksessa muunnetaan (X) HTML. Käytettäessä JSON-muodossa, sinun täytyy suorittaa koodia saada täysi objekti JavaScript. On välttämätöntä olla varovainen ja ottaa huomioon se, että monet hakkerit haluavat lähettää haitallisen koodin avulla tätä tekniikkaa. Sen vuoksi on tarpeen säätää tietojenvahvistusprosessin ennen niitä käsitellään. Ominaisuudet oivalluksen eri selaimilla voi olla hieman erilainen, mutta yleensä toiminta tässä on yksi järjestelmä.

Teemme pyynnön palvelimelle ja vastauksen käsittely

Koko sekvenssi toimien on seuraava:

1. Aluksi sinun täytyy luoda ja varmistaa, että siellä on XMLHttpRequest.
2. Sitten alustaa palvelimen yhteyden.
3. Lähettää pyynnön sen.
4. Odotamme tietojen tulla, ja käsitellä niitä.

Sen pitäisi kertoa joitakin ominaisuuksia perustamista esineen. Se voidaan aloittaa missä tahansa paikassa, missä se on mahdollista vain puitteissa ohjelmointikieli. Mutta jos hän sai aseman maailmanlaajuisen, jossakin vaiheessa, että se olisi mahdollista työskennellä vain yksi pyyntö. Tässä vaiheessa, sinun täytyy kiinnittää huomiota. Mitä tulee hoito - tässä me keskitymme valitun laitteen. Joten, jos XML käsiteltävän datan DOM-funktioita ja esittää käyttäjälle on lopputulos HTML. Ja mitä tehdä JSON-mitoitettu? On ymmärrettävä, että se on esine merkintätapa Javascript. Mitä se tarkoittaa? Koska JSON kohde voidaan esittää merkkijono. Mutta on muistettava, että tämä menetelmä ei ole turvallista täyttä, ja paljon tekijät on otettava huomioon. Mutta yleensä se on hyvin helppoa.

Palvelinpuolen ohjelmointikieliä

Lähes minkä tahansa web-pohjainen sovellus käyttää niitä tavalla tai toisella. Tiedonsiirtoon on suosituin PHP. Käytössä se yleensä kirjoittaa tiedostoja sivustoja, joissa ei ole kriittinen datan lähetysnopeus ja edullinen tasapaino häntä ja luotettavuutta. XMLHttpRequest lähetyksen tekniikoita edellä.

määrittäminen palvelimelle

Mitä ohjelmia tarvitaan toimia täysin AJAX? Mitä tämä antaa meille? Mitä ne on? Saada vastauksia näihin kysymyksiin, sinun pitäisi tutustua seuraavista:

1. HTML / XHTML. Niitä tarvitaan palvelin tunnistaa sivun asettelun.
2. CSS. Tämä työkalu on tarpeen visuaalinen valinnan sivun suunnittelu.
3. DOM. Sitä tarvitaan, jotta voidaan varmistaa dynaamisia muutoksia sivulle kuin vastauksena käyttäjän toimia.
4. XML. Tarvitaan tiedonsiirron asiakkaan ja palvelimen.
5. JavaScript. Meidän on luotava kursori "Ajax" ja tarjota interaktiivisuutta.
6. XMLHttpRequest. Kohde, jonka kautta kyselyt toimitetaan palvelimelle.

Käyttämällä sivuston

Nyt meillä on sekä teoreettista tietoa ja ideoita siitä, miten AJAX. Tietoja lähetetään nyt vain vaatii tietyn käytäntö. Katsokaamme yleensäkin kuinka lähestyä täytäntöönpanoa tehtävän käyttäen "Ajax". Joten meidän on luotava ajuritietokantaa. Ja ne vaihtelevat laitteita, joita voidaan käyttää. On huomattava, että yllä tietokantaa on hyvin suuri, joten en juuri lähettää sen asiakkaalle ja se on tarjota tehdä valinta JavaScript ei ole mitään järkeä. On myös toivottavaa omistaa web-sivu on ladattu uudelleen, koska yhden parametrin. Palvelimen pyynnöt käsittelee erityisiä PHP-skriptejä. Tietokanta on toteutettu XML-tiedosto.

Tietoja tietokanta

On tarpeen selvittää sen rakenne. Ja mitä jos kulunut parametrit, jotka ovat esineitä? Tällaisessa tapauksessa on tarpeen säätää luomista muuttujan, jossa ei ole mitään yhteyttä sen puhelun tapahtuman toiminnon. Voidakseen käyttää sitä mistä tahansa se on tarpeen tehdä globaalin koodin. Mukavuussyistä, on toivottavaa käyttää tietokannan hallintajärjestelmä. Tietenkään tämä ei ole välttämätöntä. Mutta silti sallia tietokannan työskentelemään mukavammin ja tehokkaammin tietoja.

Työskentelemme moottorin käytön

Miten kaikki tapahtuu? Joten, siellä tulee tietty tapahtuma, joka aiheuttaa erityistä toimintoa. Hän valmistelee GET tai POST-tietoja, jotka lähetetään. Sen jälkeen kutsuu funktiota, joka tekee valittamalla URL palvelimen käsikirjoituksen. On tarpeen ottaa huomioon luomista XMLHttpRequest-objektin. Viittaus olisi tallennetaan muuttujaan. Kun tiedot on lähetetty palvelimelle, sinun täytyy odottaa vastausta häneltä. Voit tehdä tämän, voit ottaa "Salakuuntelu" saada tietoja (jos tiedossa, tulisi ja milloin) tai tarjota toiminto, joka on aina valmis ottamaan tietoja. Ensimmäisessä suoritusmuodossa on vähemmän luotettava, kun kyseessä on poikkeuksellisen tilanteen. Toinen toteutus - kalliimpi voimavaroihin. Vaikka jos se tehdään vain suhteen yksi muuttuja, se ei vaikuta nopeasti Internetissä. Mutta jos on satoja ja tuhansia, ja ne on korkea resoluutio, - niin se on toinen asia. Sen vuoksi on tarpeen löytää tasapaino käytettävissä olevien resurssien ja tehokkuutta. Sen jälkeen, kun kaikki, tulisi ymmärtää, että kaikki ole muisti 16 Gt. Tämä voi asettaa tietyn odotusaika, jonka jälkeen substituoitu edeltävän datan tai tiedon siitä, että palvelin ei ole saatavilla tällä hetkellä.

piirteet

Käytettäessä "Ajax" on luotu käyttöliittymä sivun tai sovelluksen, sinun täytyy varmistaa, että tulos toimii hyvin eri käyttöjärjestelmien ja eri selaimilla. Ensimmäisessä tapauksessa voi antaa arvokasta apua emulaattorit. Toisessa tapauksessa se riittää vain asentaa erilaisia ohjelmia ja ne testata milloin tahansa koodin. On myös tarpeen säätää tiettyjä toimia ja, mikäli käyttäjän selain käytetään vanhentuneita, tai se sammuu tarvittavat asetukset. Tällaisissa tapauksissa olisi huolehdittava varten peruuttamisesta sivun tekstin, jossa todetaan, miksi katselupaikka tässä tapauksessa ei ole mahdollista. Kyllä, nyt valtaosa ihmisistä nykytekniikan avulla, mutta eivät täysin päästä irti huomiota todennäköisyys ja se, että muutama prosentti kävijät käyttää joitakin vanhentuneita ohjelmistoja. Ja toiminnan laajuus voi olla merkittäviä seurauksia.

johtopäätös

Joka tulee looginen tämän artikkelin lopussa. Jos puhumme "Ajax" Kokonaisuutena tämä työkalun avulla voit luoda hyvin houkutteleva ja monipuolinen sivustoja, jotka toimivat nopeasti ja toimivaltaisten layout toimittaa sen käyttäjille ilo. Ei ole epäilystäkään siitä, että siellä on jopa kehittyneempää teknologiaa tulevaisuudessa, mutta nyt käytämme, mitä meillä on. Koska parantaminen ohjelmointikieliä ja tekniikoita on täysin mahdollista, ja tämä on vaihtoehto, joka on käytettävissä, menetelmät, asettaa entistä enemmän laadukkaita tuote. Mutta olipa miten tahansa, tarvittavan työn nyt on. Ja tämä nimi - "Ajax".