Con il XMLHttpRequest oggetto che si può aggiornare parti di una pagina web, senza ricaricare l'intera pagina.
Provate voi stessi - Esempi
Un semplice esempio XMLHttpRequest
Creare un semplice XMLHttpRequest, e recuperare i dati da un file TXT.
Recuperare le informazioni di intestazione con getAllResponseHeaders()
Recuperare le informazioni di intestazione di una risorsa (file) .
Recuperare specifiche informazioni di intestazione con getResponseHeader()
Recuperare le informazioni di intestazione specifiche di una risorsa (file) .
Recuperare il contenuto di un file ASP
Come una pagina web in grado di comunicare con un server web, mentre un tipo di utente caratteri in un campo di input.
Recuperare il contenuto di un database
Come una pagina web può recuperare informazioni da un database con l'oggetto XMLHttpRequest.
Recuperare il contenuto di un file XML
Crea un XMLHttpRequest per recuperare dati da un file XML e visualizzare i dati in una tabella HTML.
L'oggetto XMLHttpRequest
L'oggetto XMLHttpRequest è utilizzato per lo scambio di dati con un server dietro le quinte.
L'oggetto XMLHttpRequest è the developers dream , perché è possibile:
- Aggiornare una pagina web senza ricaricare la pagina
- Richiedono dati da un server dopo la pagina è stata caricata
- Ricevere dati da un server dopo che la pagina è stata caricata
- Invia i dati ad un server in background
Metodi oggetto XMLHttpRequest
| metodo | Descrizione |
|---|---|
| abort() | Annulla la richiesta corrente |
| getAllResponseHeaders() | Restituisce informazioni di intestazione |
| getResponseHeader() | Restituisce specifiche informazioni di intestazione |
| open(method,url,async,uname,pswd) | Specifica il tipo di richiesta, l'URL, se la richiesta deve essere gestita in modo asincrono o no, e altri attributi opzionali di una richiesta Metodo: il tipo di richiesta: GET o POST URL: la posizione del file sul server asincrona: true (asynchronous) o false (synchronous) |
| send(string) | inviare (stringa) invia la richiesta via al server. stringa: usata solo per le richieste POST |
| setRequestHeader() | Aggiunge una coppia etichetta / valore per l'intestazione da inviare |
Proprietà oggetto XMLHttpRequest
| Proprietà | Descrizione |
|---|---|
| onreadystatechange | Memorizza una funzione (or the name of a function) per essere chiamato automaticamente ogni volta che viene modificata la proprietà readyState |
| readyState | Contiene lo stato del XMLHttpRequest. Modifiche da 0 a 4: 0: Non richiesta inizializzato 1: connessione al server stabilita 2: Richiesta ricevuti 3: elaborazione della richiesta 4: richiesta finito e la risposta è pronta |
| responseText | Restituisce i dati di risposta come una stringa |
| responseXML | Restituisce i dati di risposta come dati XML |
| status | Restituisce lo status-numero (ad esempio "404" per "Not Found" o "200" per "OK") |
| statusText | Restituisce lo status di testo (ad esempio, "Not Found" o "OK") |