Ajax este visul unui dezvoltator, pentru că puteți:
- Actualizați o pagină web fără a reîncărca pagina
- Date de solicitare de la un server - după încărcarea paginii
- Primirea de date de la un server - după încărcarea paginii
- Trimiteți date la un server - în fundal
Încearcă-l singur Exemple în fiecare capitol
În fiecare capitol, puteți edita exemple on-line, și faceți clic pe un buton pentru a vedea rezultatul.
AJAX Exemplu explicat
pagină HTML
<!DOCTYPE html>
<html>
<body>
<div id="demo"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="loadDoc()">Change Content</button>
</body>
</html>
Pagina HTML conține un <div> secțiune și un <button> .
<div> secțiunea este utilizat pentru a afișa informații de la un server.
<button> solicită o funcție (if it is clicked) în (if it is clicked) în (if it is clicked) .
Funcția solicită date de la un server web și o afișează:
Funcția loadDoc()
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "ajax_info.txt", true);
xhttp.send();
}