Ajax - Hva er det? Asynkron Javascript og XML: fordeler og ulemper

Nå kan du se på internett stadig mer populært bruk og anvendelse av ny teknologi. En av dem - er AJAX. Hva er det? Hvilke funksjoner har den? Hvor skal man søke? Alle disse spørsmålene vil bli funnet svar på i denne artikkelen.

generell informasjon

Hvordan står AJAX? Hva betyr det? Denne reduksjonen er et akronym. Det står for Asynkron Javascript og XML ( "Asynchronous Javascript og IKSML"). Ofte kan du se eller høre informasjonen som denne nye teknologien. Men dette er ikke sant. Det faktum at Javascript og XML, det er allerede ganske lang tid, mens "Ajax" er en syntese av disse teknologiene. Oftest er det brukt i forbindelse med begrepet Web 2.0 og forstås som bruk av avanserte design teknikker.

Og hva funksjon?

Så, vi allerede har en generell ide om hva som er AJAX. Hva det gir oss i praksis? Hvorfor blir aktivt snakke om sin søknad? Det særegne ved denne teknologien - er at når du bruker trenger det ikke å oppdatere hele siden på den første etterspørselen. Tross alt, kan du be om nye data bare for en del av det. Dette er praktisk (fordi jo mindre tid du må vente) og kostnader (for de som ikke er ubegrenset internett). Men for å informere brukeren om hva som skjer oppgradering er ønskelig å bruke minst en belastning indikator eller tekstmeldinger som informerer om nye data fra serveren. Som minuser teknologi er ofte referert til det faktum at den ikke støtter eldre og tekst-nettlesere. Og muligheten til å deaktivere Javascript-teknologien er på brukerens enn mange og nytes. Derfor bør du ikke misbruke AJAX. At det kan gi, om ikke å gi alternative metoder for å gi informasjon? I beste fall informasjonen bare vil ikke vises på nettstedet. I verste - dens utseende er så påvirket at brukeren ikke lenger har til å returnere.

Fordeler med "Ajax"

Denne teknologien tilbyr to metoder som en nettside kan realiseres. Den første innebærer å gjøre endringer uten å restarte. Dette kan gjøres med dynamiske forespørsler til serveren. Den andre innebærer bruk av spesifikke teknologier, den mest populære av disse er XMLHttpRequest. Relativt egne fordeler, "Ajax" kan si følgende:

1. Du kan lage en praktisk web-basert program som grensesnitt vil ha en hel rekke fine funksjoner for brukeren, med det resultat at rette for menneskelig samhandling og nettside.
2. I stedet for en hel side reload delvis. Dette sparer ressurser og optimal maskinytelse.
3. Serveren del av området er aktivt kommuniserer med brukeren.
4. Nyttig for gjennomføringen av en rekke ideer.

kommunisere

Her, for eksempel, må et tilbakemeldingsskjema, som kan brukes til å gi råd til kunder. Hvordan det kan gjøres? Først må vi ta vare på "bærer" av informasjon. For å gjøre dette, må du opprette en XMLHttpRequest objekt. Han fungerer som et mellomledd mellom serveren og brukerens nettleser. Med dette objektet vil sende forespørsler og få svar på dem. For direkte utveksling av data, må vi AJAX PHP. Disse verktøyene kan gjennomføres ved bruk av få-eller post-spørringer. I dette tilfellet vil de nødvendige argumentene sendes direkte gjennom nettadressen. På samme tid vil den kjøre funksjonen, og for å sikre at dataoverføringen ikke er avbrutt. Men hvordan å implementere AJAX-forespørsel? Anbefaler at du bruker POST. Takket være ham, kan du overføre en ubegrenset mengde data, som dessuten er mye vanskeligere å få tilgang.

Prinsippet for operasjonen

Hvordan er Asynkron Javascript og XML i praksis? La oss forstå dette med et eksempel. Bygget med hensyn til strukturen du må sørge for at klienten delen gir all nødvendig funksjonalitet for sikker datautveksling. Det bør gi de nødvendige metoder for å overføre informasjon valgt måter. Serveren delen skal sikre at behandlingen av opplysningene, og, basert på dem allerede, for å generere ny informasjon til senere gi det videre til kunden. Den vanligste typen interaksjon er å arbeide med databasen. Vi har tidligere nevnt er et element av mange forretningssider som en form for tilbakemelding. Fordelen med "Ajax" i dette tilfellet er at det holder asynkron dataoverføring. Med andre ord, mens informasjonen er sendt, kan brukeren utføre alle nødvendige tiltak for ham. Med fokus på detaljene i hvert enkelt tilfelle, må du bestemme om du vil at denne prosessen for å informere besøkende på nettstedet. I forhold til samme tilbakemeldingsskjemaet skal sies at i dette tilfellet kan vi skrive "Operatøren ringer svaret", eller noe lignende.

server respons

Han kan komme, ikke bare for XML, som du kanskje tror på grunn av navnet på teknologien. I tillegg kan det bli overført som klartekst eller JSON. I det første tilfellet informasjonen kan umiddelbart vises på siden. Hvis du bruker XML, må du ta vare på det AJAX-filen er korrekt behandlet i kundens nettleser. Alle data i dette tilfellet er konvertert til (X) HTML. Ved bruk av JSON-format, må du utføre koden for å få full objektet Javascript. Det er nødvendig å være forsiktig og ta hensyn til det faktum at mange hackere å overføre ondsinnet kode ved hjelp av denne teknologien. Det er derfor nødvendig å sørge for dataverifiseringsprosessen før de blir behandlet. Funksjoner av realisering for ulike nettlesere kan være litt forskjellig, men generelt, er handlingen her en ordning.

Vi gjør en forespørsel til serveren og svar behandling

Hele sekvensen av handlinger er som følger:

1. I utgangspunktet må du opprette og å sørge for at det er XMLHttpRequest.
2. Deretter initialiserer servertilkobling.
3. Send forespørsel til det.
4. Vi venter på at data skal komme, og behandle dem.

Det burde fortelle deg om noen av funksjonene på etableringen av objektet. Det kan startes på et sted hvor det er mulig bare innenfor rammen av programmeringsspråk. Men hvis han ble gitt status som en global, i ett punkt i tid for at det skal være mulig å arbeide med bare en forespørsel. På dette punktet, må du følge nøye med. Angående behandling - her har vi fokus på det valgte instrumentet. Så hvis XML-data som skal behandles DOM-funksjoner og presentere brukeren har sluttresultatet i HTML. Og hva de skal gjøre med JSON-karakter? Det bør bli forstått at det er objektet notasjon Javascript. Hva betyr det? På grunn JSON- et objekt kan representeres som en streng. Men det må bli husket at denne metoden er ikke trygt til fulle, og mange faktorer som må vurderes. Men generelt er det veldig enkelt.

Server-side programmeringsspråk

Nesten alle web-basert applikasjon bruker dem på en eller annen måte. For dataoverføring er den mest populære PHP. På det vanligvis skrive filer til nettsteder, der er ikke kritisk dataoverføringshastighet, og den foretrukne balanse mellom henne og pålitelighet. XMLHttpRequest transmisjonsteknikker er omtalt ovenfor.

konfigurere serveren

Hvilke programmer som er nødvendig for å fullt ut operere AJAX? Hva gir dette oss? Hva er de for? For å få svar på disse spørsmålene, bør du gjøre deg kjent med følgende liste:

1. HTML / XHTML. De trengs for serveren å gjenkjenne sideoppsettet.
2. CSS. Dette verktøyet er nødvendig for visuell utvalg av siden design.
3. DOM. Det er nødvendig for å sikre de dynamiske endringer på en side som en respons til handling av brukeren.
4. XML. Er nødvendig for overføring av data mellom klienten og serveren.
5. Javascript. Vi må skape en markør "Ajax" og gi interaktivitet.
6. XMLHttpRequest. Objekt gjennom hvilke spørsmål vil bli videresendt til serveren.

Bruk av nettstedet

Så nå har vi både teoretisk kunnskap og ideer om hvordan AJAX. Sende data er nå bare krever en viss praksis. La oss se generelt, hvordan å nærme gjennomføringen av oppgaven å bruke "Ajax". Så må vi lage en driver database. Og de vil variere enheter som kan betjenes. Det bør bemerkes at ovennevnte database er veldig stort, så jeg bare sende den til klienten og den har å tilby for å gjøre et valg med Javascript gir ikke mening. Det er også ønskelig å eie en nettside lastes på nytt på grunn av en enkelt parameter. På serveren vil forespørsler håndtere spesielle PHP-skript. Databasen er implementert som en XML-fil.

om database

Det er nødvendig å arbeide ut sin struktur. Og hva hvis de passerte parametere, som er de stedene? I et slikt tilfelle er det nødvendig å sørge for etablering av en variabel, hvor det vil være ingen kobling det til samtalen hendelsen fra funksjonen. For å kunne få tilgang til den fra hvor som helst det er nødvendig å foreta en global kode. For enkelhets skyld, er det ønskelig å bruke en database management system. Selvfølgelig er dette ikke nødvendig. Men likevel tillate bruk av databasen til å arbeide mer komfortabelt og effektivt med dataene.

Vi jobber med motordrift

Hvordan gjorde alt vil skje? Så kommer det en bestemt hendelse, noe som vil føre til en spesiell funksjon. Hun vil forberede en GET eller POST-data som vil bli sendt. Det kaller deretter funksjonen, som vil gjøre en appell til nettadressen til serveren skriptet. Det er nødvendig å se for seg etablering av XMLHttpRequest-objekt. En referanse til det bør lagres i en variabel. Etter at dataene er blitt sendt til serveren, må du vente på et svar fra ham. For å gjøre dette, kan du slå på "avlytting" for å få informasjon (hvis kjent, ville komme og når) eller å gi en funksjon som alltid vil være klar til å motta data. Den første utførelsesform er mindre pålitelig i tilfelle av en ekstraordinær situasjon. Den andre realisering - mer kostbart i form av ressurser. Selv om det er gjort bare med hensyn til en variabel, det påvirker ikke rask Internett. Men hvis det er hundrevis og tusenvis, og de vil ha en høy oppløsning, - så vil det være en annen sak. Det er derfor nødvendig å søke en balanse mellom bruk av tilgjengelige ressurser og effektivitet. Tross alt, bør det være klart at ikke alle har minnet til 16 GB. Dette kan angi en viss ventetid hvoretter substituert den tidligere data eller informasjon som serveren er ikke tilgjengelig på dette tidspunktet.

funksjoner

Når du bruker "Ajax" er skapt av grensesnittet for siden eller programmet, må du sørge for at resultatet fungerer godt på ulike operativsystemer, og på ulike nettlesere. I det første tilfellet vil være i stand til å gi uvurderlig hjelp emulatorer. I det andre tilfellet vil det være nok bare å installere en rekke programmer og de teste funksjonaliteten av koden. Det er også nødvendig å sørge for visse handlinger, og i tilfelle brukerens nettleser vil bli brukt utdatert eller det vil slå seg de nødvendige innstillingene. I slike tilfeller bør man sørge for tilbaketrekking av teksten på siden, med angivelse av grunnen til at seer nettstedet i dette tilfellet er ikke mulig. Ja, nå det store flertallet av personer som bruker moderne teknologi, men ikke helt gi slipp på oppmerksomhet til sannsynligheten og det faktum at noen få prosent av de besøkende vil bruke noe utdatert programvare. Og i virksomheten skala kan det få store konsekvenser.

konklusjon

Som kommer til en logisk slutten av denne artikkelen. Hvis vi snakker om "Ajax" på det hele, gjør dette verktøyet for å skape et meget attraktivt og funksjonsrike nettsteder som virker raskt og med kompetent layout levere til sine brukere en glede. Det er ingen tvil om at det vil bli enda mer avansert teknologi i fremtiden, men for nå vil vi bruke det vi har. Som forbedring av programmeringsspråk og teknikker er fullt mulig, og dette er et alternativ som vil være tilgjengelig, hvilke metoder som vil skape enda mer høy kvalitet på produktet. Men være at siden det kan, det arbeidet som trengs nå det er. Og dette navnet - "Ajax".