Ajax - serverrespons

Ajax -motoren har mange dimensjoner, som hver har sin egen betydning. Når Ajax -motoren har fullført å sende forespørselen og motta responsen, og deretter kan den håndteres ved hjelp av den medfølgende egenskapen. Du kan bruke “ResponseText”Eller“Responsexml”Ajax -egenskaper for å få en serverens svar i streng og XML -form.

Denne oppskrivningen vil forklare prosedyren for å håndtere Ajax Server-respons ved hjelp av ResponseText og ResponseXML-egenskaper. Så la oss starte!

Ajax - Server Responsext -egenskap

Mens du arbeider med en asynkron forespørsel, verdien av "ResponseText”Eiendom omfatter den nåværende responsen mottatt fra serveren, selv om den ikke har svart helt. Denne egenskapen returnerer serverresponsen som en streng.

Ta en titt på syntaksen til ResponseText -egenskapen:

dokument.getElementById ("element_id").INNERHTML = XHTTP.ResponseText;

Her, "ResponseText”Eiendom vil returnere serverresponsen i strengskjemaet, som vi deretter vil bli satt som innholdet i det spesifiserte elementet.

Eksempel: Bruke Ajax - Server ResponseText -egenskap
I dette eksemplet, når brukeren vil klikke på den ekstra "knapp”, Det vil sette serverrespons som innholdet i beholderen definert av taggen:

XmlhttpRequest -objektet

Endre innhold

I LoadDoc () -funksjonsdefinisjonen vil vi for det første legge til en "xhttp”XMLHttpRequest -objekt:

funksjon LoadDoc ()
const xhttp = new xmlhttpRequest ();

Når xhttp Objektet lastes inn, det vil skrive ut svardataene i beholderen:

xhttp.onload = funksjon ()
dokument.getElementById ("Div1").indrehtml =
dette.ResponseText;

“xhttp”XMLHttpRequest -objektet vil få“ Sample.txt ”-fil fra serveren som omfatter svardataene:

xhttp.Åpen ("Get", "prøve.tekst");
xhttp.sende();

Etter å ha lagret den medfølgende koden, vil vi kjøre vår “myfile.html”Ved hjelp av“Live server”VS -kodeforlengelse:

Klikk på “Endre innhold”-Knappen vil vise serverresponsen som følger:

AJAX - Server ResponseXML -egenskap

I tilfelle, når svaret fra serveren er i XML -format, og du må analysere det som et XML -objekt, kan du bruke "Responsexml”Eiendom.

Sjekk ut syntaksen til “Responsexml”Eiendom:

var data = xmlhttpRequest.ResponseXML;

Her, "data”Objekt vil lagre serverresponsen.

Eksempel: Bruke Ajax - Server ResponseXML -egenskap
I vår HTML -fil vil vi legge til en overskrift med

Tag og et avsnittselement ved hjelp av “

XmlhttpRequest -objektet

Deretter vil vi legge til den undergitte koden i "ProjectFile.JS”For å be om“CD.XML”Fil.

const xhttp = new xmlhttpRequest ();
xhttp.onload = funksjon ()
const xmldoc = dette.ResponseXML;

Vår "CD.XML”Fil ser slik ut:

Etter å ha hentet de forespurte dataene ved å bruke "Responsexml”Eiendom, serverresponsen vil bli analysert og dens barneknuteverdier vil bli hentet ved hjelp av koden skrevet nedenfor:

const x = xmldoc.getElementsByTagName ("Artist");
La TXT = "";
for (la i = 0; i < x.length; i++)
txt = txt + x [i].barnebarn [0].Nodevalue + "
";

Til slutt vil de analyserte dataene vises som innhold i "avsnitt”Element:

dokument.getElementById ("Demo").indrehtml = txt;

xhttp.Åpen ("Get", "CD.xml ");
xhttp.sende();

Den ovennevnte utgangen betyr at vi har hentet serverresponsen ved å bruke "Responsexml”Eiendom.

Konklusjon

Ved hjelp av ReagonEtext og ResponseXML-egenskaper kan du håndtere en forespørselsrespons på en Ajax-server. ResponseXML -egenskapen henter serverresponsen i XML, mens ResponseText brukes for å få serverresponsen i strengformat. Denne oppskrivningen forklarte prosedyren for å håndtere Ajax Server-respons ved hjelp av ResponseText og ResponseXML-egenskaper.