Ajax - L'oggetto XMLHTTPREQUEST | Spiegato
Questo articolo spiegherà cosa Ajax - L'oggetto XMLHTTPREQUEST è e come è possibile creare e utilizzare un oggetto XMLHTTPREQUEST in JavaScript. Inoltre, forniremo anche i metodi e le proprietà dell'Ajax - l'oggetto XMLHTTPREQUEST. Quindi iniziamo!
Qual è l'oggetto XMLHTTPREQUEST
Ajax - L'oggetto XMLHTTPREQUEST è un'API che viene utilizzata per il recupero dei dati da un server specifico. La programmazione Ajax fa ampio uso di XMLHTTPREQUEST. Può recuperare qualsiasi tipo di dati tra cui testo, XML, JSON. In background, le richieste di oggetti XMLHTTPREQUEST per i dati e quindi aggiorna il sito Web senza richiedere al client di ricaricare la pagina. Per mantenere la comunicazione asincrona tra server e client, è necessario un oggetto di tipo XMLHTTPREQUEST.
Come creare un oggetto XMLHTTPREQUEST
Un oggetto XMLHTTPEQUEST incorporato è in avanstrabile in tutti i browser moderni come Edge, Chrome, Firefox, Opera e Safari. Per creare un oggetto XMLHTTPREQUEST, è necessario seguire la sintassi di seguito di XMLHTTTPREQUEST OGGETTO:
var variablename = new xmlhttpRequest ();Esempio: usando Ajax - l'oggetto XMLHTTPREQUEST
In questo esempio, proveremo a prendere il contenuto del “Ajax_info.TXT" File dal nostro server, quindi sostituiremo il contenuto del paragrafo con esso:
Ajax - L'oggetto XMLHTTPREQUEST | Spiegato
Qui, abbiamo aggiunto un paragrafo con il tag e un "Cambia paragrafo" pulsante che invoceremo il "LoadingDoc ()" funzione, quando faremo clic su questo pulsante:
Cambieremo questo paragrafo.
Esegui il programma di cui sopra nel tuo editor di codice preferito o in qualsiasi sandbox di codifica online; Tuttavia, utilizzeremo il JSbin per questo scopo:
Dall'output fornito, faremo clic su "Cambia paragrafo" pulsante:
Facendo clic sul pulsante specificato sostituirà il contenuto corrente del paragrafo con il testo aggiunto in “Ajax_info.TXT" File server:
Ora diamo un'occhiata ad alcune delle proprietà utili e ai metodi di XMLHTTPREQUEST.
Metodi dell'oggetto XMLHTTPREQUEST
| Metodo oggetto XMLHTTPREQUEST | Descrizione |
|---|---|
| abort () | L'oggetto XMLHTTPREQUEST "Abort ()" Il metodo viene utilizzato per l'annullamento della richiesta attiva. |
| getResponseHeader () | L'oggetto XMLHTTPREQUEST "GetResponseHeader ()" Metodo output Le informazioni relative a un'intestazione specifica. |
| getAllResponseHeader () | L'oggetto XMLHTTPREQUEST "GetAllResponseHeader ()" Il metodo visualizza le informazioni complete sull'intestazione. |
| aprire() | L'oggetto XMLHTTPREQUEST "aprire()" il metodo viene utilizzato per specificare la richiesta. Possiamo passare il nome utente, la password, l'URL di un file o un metodo che può essere "OTTENERE" O "INVIARE" in questo metodo. |
| Inviare() | L'oggetto XMLHTTPREQUEST "Inviare()" Il metodo viene utilizzato per ottenere la richiesta. |
| SendRequestHeader () | L'oggetto XMLHTTPREQUEST "SendRequestHeader ()" il metodo viene utilizzato per l'aggiunta di un "Etichetta: valore" coppia che devi inviare al server. |
Proprietà dell'oggetto XMLHTTPREQUEST
| Proprietà oggetto XMLHTTPREQUEST | Descrizione |
|---|---|
| RomesText | L'oggetto XMLHTTPREQUEST "RomerEText" La proprietà viene utilizzata per la visualizzazione dei dati di risposta come stringa. |
| Readystate | L'oggetto XMLHTTPREQUEST "ReadyState" La proprietà mantiene lo stato XMLHTTPREQUEST. |
| onreadystatechange | L'oggetto XMLHTTPREQUEST "OnreadystStateChange" la proprietà viene utilizzata per definire una funzione da invocare ogni volta che il valore del "ReadyState" i cambiamenti. |
| Responsexml | L'oggetto XMLHTTPREQUEST "Responsexml" La proprietà visualizza i dati di risposta XML. |
| StatusText | L'oggetto XMLHTTPREQUEST "StatusText" la proprietà emette il testo di stato come "OK" O "Non trovato". |
Conclusione
Ajax - L'oggetto XMLHTTPREQUEST è un'API che viene utilizzata per il recupero dei dati da un server specifico. La programmazione Ajax fa ampio uso di XMLHTTPREQUEST. Può recuperare qualsiasi tipo di dati, tra cui testo, XML, JSON. Questo articolo ha spiegato ciò che Ajax - L'oggetto XMLHTTPREQUEST è e come è possibile creare e utilizzare un oggetto XMLHTTPREQUEST in JavaScript. Inoltre, abbiamo anche fornito i metodi e le proprietà dell'Ajax - l'oggetto XMLHTTPREQUEST.