Computere, Programmering
Ajax - hvad er det? Asynchronous JavaScript og XML: fordele og ulemper
Nu kan du se på internettet vinder popularitet brug og anvendelse af nye teknologier. En af dem - er AJAX. Hvad er det? Hvilke funktioner har det? Hvor ansøges der? Alle disse spørgsmål vil blive fundet svaret i denne artikel.
generelle oplysninger
Og hvad funktion?
Så vi har allerede en generel idé om, hvad er AJAX. Hvad det giver os i praksis? Hvorfor bliver aktivt taler om dens anvendelse? Det særlige ved denne teknologi - er, at når du bruger det behøver ikke at opdatere hele siden på den første efterspørgsel. Efter alt, kan du anmode nye data kun for en del af det. Dette er praktisk (fordi jo mindre tid du har til at vente), og omkostninger (for dem, der ikke ubegrænset internet). Men for at informere brugeren om, hvad der sker opgradering er ønskeligt at anvende mindst en belastning indikator eller tekstbeskeder, der informerer om nye data fra serveren. Som minusser teknologi ofte er henvist til, at det ikke understøtter ældre og tekstbrowsere. Og evnen til at deaktivere Javascript teknologien er på brugeren end mange og nød. Derfor bør du ikke misbruge AJAX. At det kan give, hvis ikke at give alternative metoder til at give oplysninger? I bedste fald, de oplysninger bare vil ikke blive vist på sitet. I værste - dens udseende er så påvirket, at brugeren ikke længere har til at vende tilbage.
Fordele ved "Ajax"
- Du kan oprette en bekvem web-baseret program, som brugerflade vil have en hel række gode funktioner til brugeren, med det resultat, at lette menneskelig interaktion og hjemmeside.
- I stedet for en hel side reload en delvis. Dette sparer ressourcer og optimerer maskinens ydeevne.
- Serveren del af webstedet er aktivt interagerer med brugeren.
- Nyttig til gennemførelse af en række idéer.
Kommunikation
Her for eksempel, har brug for en feedback-formular, som kan bruges til at rådgive kunderne. Hvordan det kan lade sig gøre? Først skal vi nødt til at tage sig af "bærer" af information. For at gøre dette, skal du oprette en XMLHttpRequest objekt. Han fungerer som et mellemled mellem serveren og brugerens browser. Med dette objekt vil sende anmodninger og modtage svar på dem. Til direkte dataudveksling, vi har brug for AJAX PHP. Disse værktøjer kan implementeres ved hjælp af get eller post-forespørgsler. I dette tilfælde vil de nødvendige argumenter føres direkte gennem URL'en. På samme tid, det vil køre funktionen, og for at sikre, at dataoverførslen ikke afbrydes. Men hvordan man gennemfører AJAX-anmodning? Anbefaler at bruge POST. Takket være ham, kan du overføre et ubegrænset mængde data, som i øvrigt er meget vanskeligere at få adgang.
virkemåde
serversvar
Han kan komme ikke kun for XML, som du måske tror på grund af navnet på teknologien. Endvidere kan det blive transmitteret som almindelig tekst eller JSON. I det første tilfælde kan oplysningerne straks vises på siden. Hvis du bruger XML, er du nødt til at tage sig af, at AJAX-fil er blevet korrekt behandlet i klientbrowseren. Alle data i dette tilfælde omdannes til (X) HTML. Ved brug af JSON-format, du har brug for at udføre koden for at få den fulde objekt Javascript. Det er nødvendigt at være forsigtig og at tage hensyn til det faktum, at mange hackere gerne overføre skadelig kode ved hjælp af denne teknologi. Det er derfor nødvendigt at fastsætte de data verifikationsprocessen før de behandles. Funktioner i erkendelse for forskellige browsere kan være lidt anderledes, men generelt, handlingen her er et skema.
Vi gør en anmodning til serveren og et svar forarbejdning
- I første omgang, skal du oprette og sørge for, at der er XMLHttpRequest.
- Så initialiserer server-forbindelse.
- Send anmodningen til det.
- Vi venter på data til at komme, og behandle dem.
Det burde fortælle dig om nogle af funktionerne på oprettelsen af objektet. Det kan startes på ethvert sted, hvor det er muligt kun inden for rammerne af programmeringssprog. Men hvis han fik status af en global, i en hvilken som helst tidspunkt for det at være muligt at arbejde med kun én anmodning. På dette tidspunkt, skal du være meget opmærksom. Med hensyn til behandling - her har vi fokus på det valgte instrument. Så hvis XML-data, der skal behandles DOM-funktioner og præsentere brugeren har slutresultatet i HTML. Og hvad man skal gøre med JSON-rated? Det skal forstås, at det er den Object Notation JavaScript. Hvad betyder det? På grund af JSON et objekt kan repræsenteres som en streng. Men det må erindres, at denne metode er ikke sikkert at den fulde, og en masse faktorer skal overvejes. Men generelt er det meget nemt.
Server-side programmeringssprog
Næsten enhver web-baseret program bruger dem på en eller anden måde. Til dataoverførsel er den mest populære PHP. På det plejer at skrive filer til steder, hvor er ikke kritisk dataoverførsel sats, og den foretrukne balance mellem hende og pålidelighed. XMLHttpRequest transmissionsteknikker diskuteret ovenfor.
Konfiguration server
- HTML / XHTML. De er nødvendige for serveren at genkende sidelayout.
- CSS. Dette værktøj er nødvendigt for visuel markering af side design.
- DOM. Den er nødvendig for at sikre de dynamiske ændringer på en side som en reaktion på den handling fra brugeren.
- XML. Der kræves til dataoverførsel mellem klient og server.
- JavaScript. Vi er nødt til at skabe en cursor "Ajax" og give interaktivitet.
- XMLHttpRequest. Objekt hvorigennem forespørgsler vil blive sendt til serveren.
Brug af webstedet
Så nu har vi både den teoretiske viden og ideer om, hvordan AJAX. Sender data er nu kun kræver en vis praksis. Lad os se generelt, hvordan man griber gennemførelsen af opgaven ved hjælp af "Ajax". Så vi er nødt til at skabe en driver-database. Og de vil variere enheder, som kan betjenes. Det skal bemærkes, at ovenstående database er meget stor, så jeg bare sende den til kunden, og det har at tilbyde at foretage et valg ved hjælp af JavaScript giver ikke mening. Det er også ønskeligt at eje en webside genindlæses på grund af en enkelt parameter. På serveren vil anmodninger håndtere specielle PHP-scripts. Databasen er implementeret som en XML-fil.
Om databasen
Vi arbejder på motordrift
Hvordan gik alt vil ske? Så der kommer en vis begivenhed, som vil medføre en speciel funktion. Hun vil forberede en GET eller POST-data, som vil blive sendt. Det kalder derefter den funktion, som vil gøre en appel til webadressen på serveren scriptet. Det er nødvendigt at overveje at oprette XMLHttpRequest-objektet. En henvisning til det skal opbevares i en variabel. Efter at data er blevet sendt til serveren, skal du vente på et svar fra ham. For at gøre dette, kan du aktivere "aflytning" at indhente oplysninger (hvis kendt, ville komme og hvornår) eller for at tilvejebringe en funktion, der altid vil være klar til at modtage data. Den første udførelsesform er mindre pålidelige i tilfælde af en ekstraordinær situation. Den anden erkendelse - dyrere med hensyn til ressourcer. Selv hvis det kun sker i forhold til en variabel, det påvirker ikke den hurtige internet. Men hvis der er hundreder og tusinder, og de vil have en høj opløsning, - så vil det være en anden sag. Det er derfor nødvendigt at finde en balance mellem brugen af tilgængelige ressourcer og effektivitet. Efter alt, bør det forstås, at ikke alle har hukommelsen til 16 GB. Dette kan sætte en vis ventetid, hvorefter erstattet de tidligere data eller oplysninger, at serveren er ikke tilgængelig på dette tidspunkt.
Egenskaber
konklusion
Det kommer til en logisk slutningen af denne artikel. Hvis vi taler om "Ajax" på det hele, dette værktøj giver dig mulighed for at skabe en meget attraktiv og feature-rige hjemmesider, der arbejder hurtigt og med kompetent layout levere til sine brugere en fornøjelse. Der er ingen tvivl om, at der vil være endnu mere avancerede teknologier i fremtiden, men for nu vil vi bruge det, vi har. Som forbedring af programmeringssprog og teknikker er meget muligt, og det er en mulighed, der vil være til rådighed, de metoder, der vil skabe endnu mere af høj kvalitet produkt. Men vær alting er, det nødvendige arbejde nu, er. Og dette navn - "Ajax".
Similar articles
Trending Now