Ajax - Risposta del server

Il motore Ajax ha numerose dimensioni, ognuna delle quali ha il suo significato. Una volta che il motore AJAX ha completato l'invio della richiesta e la ricezione della risposta e quindi può essere gestito utilizzando le sue proprietà fornite. Puoi usare il "RomesText" O "Responsexml"Ajax Properties per ottenere la risposta di un server in forma di stringa e XML.

Questo articolo spiegherà la procedura per gestire la risposta del server Ajax con l'aiuto di RomerText e ResponseXML Proprietà. Quindi iniziamo!

Ajax - Proprietà del server responsext

Mentre si occupa di una richiesta asincrona, il valore di "RomesText"La proprietà comprende la risposta corrente ricevuta dal server, anche se non ha risposto completamente. Questa proprietà restituisce la risposta del server come stringa.

Dai un'occhiata alla sintassi della proprietà di risposta:

documento.getElementById ("element_id").INNERHTML = XHTTP.risposta;

Qui, il "RomesText"La proprietà restituirà la risposta del server nel modulo stringa, che verrà quindi impostato come contenuto dell'elemento specificato.

Esempio: utilizzando la proprietà Ajax - Server RomerExt
In questo esempio, quando l'utente fa clic sul aggiunto "pulsante", Imposterà la risposta del server come contenuto del contenitore definito dal tag:

L'oggetto XMLHTTPREQUEST

Cambia il contenuto

Nella definizione della funzione loadDoc (), in primo luogo, aggiungeremo un "xhttp"Xmlhttprequest Object:

function loadDoc ()
const xhttp = new xmlhttpRequest ();

Quando il xhttp Verrà caricato l'oggetto, scriverà i dati di risposta nel contenitore:

xhttp.onload = function ()
documento.getElementById ("Div1").InnerHtml =
Questo.risposta;

IL "xhttp"L'oggetto XMLHTTPREQUEST otterrà il" campione.File txt "dal server che comprende i dati di risposta:

xhttp.Apri ("get", campione.TXT");
xhttp.Inviare();

Dopo aver salvato il codice fornito, eseguiremo il nostro "il mio file.html"Con l'aiuto del"Server live"VS Extension Code:

Clicking su "Cambia il contenutoIl pulsante visualizzerà la risposta del server come segue:

Ajax - Proprietà Server Responsexml

Nel caso, quando la risposta del server è in formato XML e devi analizzarlo come oggetto XML, è possibile utilizzare il "Responsexml" proprietà.

Dai un'occhiata alla sintassi del "Responsexml" proprietà:

var data = xmlhttprequest.rispostaxml;

Qui, il "dati"L'oggetto memorizzerà la risposta del server.

Esempio: utilizzando la proprietà AJAX - Server Responsexml
Nel nostro file HTML, aggiungeremo un'intestazione con il

tag e un elemento di paragrafo con l'aiuto di "

L'oggetto XMLHTTPREQUEST

Successivamente, aggiungeremo il codice di seguito donati in "ProjectFile.js"Per richiedere il"CD.XML" file.

const xhttp = new xmlhttpRequest ();
xhttp.onload = function ()
const xmldoc = questo.rispostaxml;

Nostro "CD.XML"Il file sembra questo:

Dopo aver recuperato i dati richiesti utilizzando il "Responsexml"Proprietà, la risposta del server verrà analizzata e i valori del nodo figlio verranno recuperati utilizzando il codice scritto di seguito:

const x = xmldoc.getElementsByTagName ("artista");
let txt = "";
per (let i = 0; i < x.length; i++)
txt = txt + x [i].ChildNodes [0].NodeValue + "
";

Infine, i dati analizzati verranno visualizzati come contenuto del "paragrafo"Elemento:

documento.getElementById ("Demo").InnerHtml = txt;

xhttp.Open ("Get", CD.XML ");
xhttp.Inviare();

L'output di cui sopra significa che abbiamo recuperato correttamente la risposta del server utilizzando "Responsexml" proprietà.

Conclusione

Utilizzando le proprietà di risposta e rispostaxml, è possibile gestire una risposta alla richiesta di un server AJAX. La proprietà Responsexml recupera la risposta del server in XML, mentre la risposta viene utilizzata per ottenere la risposta del server in formato stringa. Questo articolo ha spiegato la procedura per gestire la risposta del server AJAX con l'aiuto di RomerText e ResponseXML Proprietà.