ComputereProgrammering

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

Hvordan står AJAX? Hvad betyder det? Denne reduktion er et akronym. Det står for Asynchronous JavaScript og XML ( "Asynchronous JavaScript og IKSML"). Ofte kan man se eller høre de oplysninger, som denne nye teknologi. Men det er ikke sandt. Det faktum, at JavaScript og XML, der allerede temmelig lang tid, mens "Ajax" er en syntese af disse teknologier. Oftest anvendes sammen med udtrykket Web 2.0 og skal forstås som anvendelse af avancerede design teknikker.

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"

Denne teknologi tilbyder to metoder, som en webside kan realiseres. Den første består i at foretage ændringer uden at genstarte. Dette kan opnås med dynamiske anmodninger til serveren. Den anden indebærer anvendelse af bestemte teknologier, den mest populære af dem er XMLHttpRequest. Relativt egne fordele, "Ajax" kan sige følgende:

  1. 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.
  2. I stedet for en hel side reload en delvis. Dette sparer ressourcer og optimerer maskinens ydeevne.
  3. Serveren del af webstedet er aktivt interagerer med brugeren.
  4. 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

Hvordan er det Asynchronous JavaScript og XML i praksis? Lad os forstå dette med et eksempel. Bygget med hensyn til konstruktion, du skal sørge for, at klienten del giver alle de nødvendige funktioner til sikker dataudveksling. Det bør give de nødvendige metoder til overførsel af information valgte måder. Serveren del skal sikre, at behandlingen af de data og på basis af dem allerede, til at generere nye oplysninger til efterfølgende give det videre til kunden. Den mest almindelige form for interaktion er at arbejde med databasen. Vi har tidligere nævnt er et element af mange kommercielle hjemmesider som en form for feedback. Fordelen ved "Ajax" i dette tilfælde er, at det holder asynkron dataoverførsel. Med andre ord, mens der sendes oplysningerne, kan brugeren udføre alle de nødvendige handlinger til ham. Med fokus på de særlige forhold i hver enkelt sag, skal du beslutte, om du ønsker denne proces til at informere den besøgende på webstedet. I forhold til samme feedback-formularen skal siges, at vi i dette tilfælde kan skrive "operatør ringer svaret", eller noget lignende.

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

Hele sekvensen af handlinger er som følger:

  1. I første omgang, skal du oprette og sørge for, at der er XMLHttpRequest.
  2. Så initialiserer server-forbindelse.
  3. Send anmodningen til det.
  4. 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

Hvilke programmer er nødvendige for fuldt ud at operere AJAX? Hvad betyder dette give os? Hvad er de til? For at få svar på disse spørgsmål, bør du sætte dig ind i følgende liste:

  1. HTML / XHTML. De er nødvendige for serveren at genkende sidelayout.
  2. CSS. Dette værktøj er nødvendigt for visuel markering af side design.
  3. DOM. Den er nødvendig for at sikre de dynamiske ændringer på en side som en reaktion på den handling fra brugeren.
  4. XML. Der kræves til dataoverførsel mellem klient og server.
  5. JavaScript. Vi er nødt til at skabe en cursor "Ajax" og give interaktivitet.
  6. 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

Det er nødvendigt at arbejde ud sin struktur. Og hvad hvis de gik parametre, som er de objekter? I et sådant tilfælde er det nødvendigt at sørge for oprettelsen af en variabel, hvor der vil være nogen forbindelse det til opkaldet begivenhed fra funktionen. At være i stand til at få adgang til det fra hvor som helst det er nødvendigt at foretage en global kode. For nemheds skyld, er det ønskeligt at anvende en database management system. Selvfølgelig er dette ikke nødvendigt. Men stadig tillade brug af databasen for at arbejde mere komfortabelt og effektivt med dataene.

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

Ved brug af "Ajax" er skabt af grænsefladen for siden eller applikation, skal du sørge for, at resultatet fungerer godt på forskellige operativsystemer, og på forskellige browsere. I det første tilfælde vil være i stand til at levere emulatorer uvurderlige bistand. I det andet tilfælde vil det være nok bare at installere en række programmer, og de teste funktionaliteten af koden. Det er også nødvendigt at fastsætte bestemte handlinger og, i tilfælde af brugerens browser vil blive brugt forældet eller det vil slukke de nødvendige indstillinger. I sådanne tilfælde bør der udvises forsigtighed for tilbagetrækning af teksten på siden med angivelse af årsagen til, at TV-stedet i dette tilfælde ikke er muligt. Ja, nu det store flertal af mennesker, der bruger moderne teknologi, men ikke helt give slip på opmærksomhed på sandsynlighed og det faktum, at nogle få procent af de besøgende vil bruge nogle forældet software. Og i erhvervslivet skala det kan have store konsekvenser.

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

 

 

 

 

Newest

Copyright © 2018 da.delachieve.com. Theme powered by WordPress.