Ajax - XMLHTTPRequest -objektet | Forklart
Denne oppskrivningen vil forklare hva Ajax - XmlhttpRequest -objektet er Og hvordan du kan opprette og bruke et XMLHttpRequest -objekt i JavaScript. Dessuten vil vi også gi metodene og egenskapene til Ajax - XMLHTTPRequest -objektet. Så la oss starte!
Hva er xmlhttpRequest -objekt
Ajax - XMLHTTPRequest -objektet er et API som brukes til å hente data fra en bestemt server. Ajax -programmering gjør omfattende bruk av XMLHttpRequest. Det kan hente alle slags data inkludert tekst, XML, JSON. I bakgrunnen ber XMLHTTPRequest -objektet om dataene og oppdaterer deretter nettstedet uten å kreve at klienten skal laste inn siden på nytt. For å opprettholde den asynkrone kommunikasjonen mellom server og klient, er et objekt av type XMLHTTPRequest -objekt nødvendig.
Hvordan lage et xmlhttpRequest -objekt
Et innebygd XmlhttpRequest-objekt er avialble i alle de moderne nettleserne som Edge, Chrome, Firefox, Opera og Safari. For å lage et XMLHttpRequest-objekt, må du følge den undergitte syntaksen til XMLHTTPRequest-objektet:
var variablename = new xmlhttpRequest ();Eksempel: Bruke Ajax - XMLHttpRequest -objektet
I dette eksemplet vil vi prøve å hente innholdet i “Ajax_info.tekst" fil fra serveren vår, og så erstatter vi avsnittsinnholdet med det:
Ajax - XMLHTTPRequest -objektet | Forklart
Her har vi lagt til et avsnitt med taggen og en “Endre avsnitt” knapp som vi vil påkalle “LoadingDoc ()” Funksjon, når vi klikker på denne knappen:
Vi vil endre dette avsnittet.
Utfør ovennevnte program i din favorittkodeditor eller en hvilken som helst online kodende sandkasse; Imidlertid vil vi bruke JSBIN til dette formålet:
Fra den gitte utgangen vil vi klikke på “Endre avsnitt” knapp:
Klikk på den spesifiserte knappen vil erstatte gjeldende innhold i avsnittet med teksten lagt til i “Ajax_info.tekst" Serverfil:
La oss nå se på noen av de nyttige egenskapene og metodene til XMLHTTPRequest -objektet.
Metoder for xmlhttpRequest -objekt
| XmlhttpRequest -objektmetode | Beskrivelse |
|---|---|
| avbryte() | XmlhttpRequest -objektet "avbryte()" Metoden brukes for å kansellere den aktive forespørselen. |
| getResponseHeader () | XmlhttpRequest -objektet “GetResponseHeader ()” metodeutgang informasjonen relatert til en spesifikk overskrift. |
| getAllResponseHeader () | XmlhttpRequest -objektet “GetAllResponseHeader ()” Metoden viser den komplette overskriftsinformasjonen. |
| åpen() | XmlhttpRequest -objektet "åpen()" Metoden brukes for å spesifisere forespørselen. Vi kan passere brukernavnet, passordet, url for en fil eller metode som kan være "FÅ" eller "POST" I denne metoden. |
| sende() | XmlhttpRequest -objektet "sende()" Metoden brukes for å få forespørsel. |
| SendRequestheader () | XmlhttpRequest -objektet “SendRequestheader ()” metoden brukes for å tilsette en “Etikett: verdi” Par som du må sende til serveren. |
Egenskaper til XMLHttpRequest -objekt
| XmlhttpRequest -objektegenskaper | Beskrivelse |
|---|---|
| ResponseText | XmlhttpRequest -objektet “ResponseText” Eiendom brukes til å vise svardataene som en streng. |
| Readystate | XmlhttpRequest -objektet “Readystate” Eiendom holder XMLHttpRequest -status. |
| onreadystatechange | XmlhttpRequest -objektet “OnreadystStatechange” Eiendom brukes til å definere en funksjon som skal påberopes når verdien av “Readystate” Endringer. |
| Responsexml | XmlhttpRequest -objektet “Responsexml” Eiendom viser svardataene XML -data. |
| Statustext | XmlhttpRequest -objektet “Statustext” Eiendom gir statussteksten som for eksempel “OK” eller "Ikke funnet". |
Konklusjon
Ajax - XMLHTTPRequest -objektet er et API som brukes til å hente data fra en bestemt server. Ajax -programmering gjør omfattende bruk av XMLHttpRequest. Det kan hente alle slags data, inkludert tekst, XML, JSON. Denne oppskrivningen forklarte hva Ajax - XMLHttpRequest -objektet er og hvordan du kan opprette og bruke et XMLHTTPRequest -objekt i JavaScript. Videre ga vi også metodene og egenskapene til Ajax - XMLHTTPRequest -objektet.