AJAX è il sogno di uno sviluppatore, in quanto è possibile:
- Aggiornare una pagina web senza ricaricare la pagina
- Richiesta di dati da un server - dopo che la pagina è stata caricata
- Ricevere dati da un server - dopo che la pagina è stata caricata
- Invia i dati ad un server - in background
Provate voi stessi esempi in ogni capitolo
In ogni capitolo, è possibile modificare gli esempi on-line, e fare clic su un pulsante per visualizzare il risultato.
AJAX Esempio spiegato
Pagina HTML
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>Let AJAX change this text</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
</div>
</body>
</html>
La pagina HTML contiene un <div> sezione e un <button> .
Il <div> sezione viene utilizzato per visualizzare le informazioni da un server.
Il <button> chiama una funzione (se si fa clic).
La funzione richiede dati da un server Web e lo visualizza:
Funzione loadDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}
Che cosa dovreste già sapere
Prima di continuare è necessario avere una conoscenza di base dei seguenti elementi:
- HTML
- JavaScript
Se si vuole studiare queste materie prima, trovare il tutorial sul nostro home page .
Che cosa è AJAX ?
AJAX = Asynchronous JavaScript e XML.
AJAX è un nome fuorviante. applicazioni AJAX possono utilizzare XML per il trasporto dei dati, ma è altrettanto comune per il trasporto di dati come testo normale o il testo JSON.
AJAX è una tecnica per creare pagine web veloce e dinamiche.
AJAX permette pagine web per essere aggiornati in modo asincrono tramite lo scambio di piccole quantità di dati con il server dietro le quinte. Ciò significa che è possibile aggiornare parti di una pagina web, senza ricaricare l'intera pagina.
pagine web Classic, (che non utilizzano AJAX) devono ricaricare l'intera pagina se il contenuto deve cambiare.
Esempi di applicazioni che utilizzano AJAX: Google Maps, Gmail, YouTube, e Facebook.
Come AJAX Opere
AJAX si basa su standard Internet
AJAX è basato su standard Internet, e utilizza una combinazione di:
- XMLHttpRequest oggetto (per recuperare i dati da un server Web)
- JavaScript/DOM (per visualizzare / utilizzare i dati)
XMLHttpRequest è un nome fuorviante. Non è necessario capire XML per usare AJAX.
Google Suggest
AJAX è stato reso popolare nel 2005 da Google, con Google Suggest.
Google Suggest sta utilizzando AJAX per creare un'interfaccia web molto dinamica: Quando si inizia a digitare nella casella di ricerca di Google, un JavaScript invia le lettere via a un server e il server restituisce un elenco di suggerimenti.
Iniziare a utilizzare AJAX Oggi
AJAX è basato su standard esistenti. Questi standard sono stati utilizzati dagli sviluppatori per diversi anni. Leggi i nostri prossimi capitoli per vedere come funziona!