AJAX to marzenie każdego dewelopera, ponieważ można:
- Aktualizacja strony internetowej, bez przeładowania strony
- Dane zażądać od serwera - po załadowaniu strony
- Odbieranie danych z serwera - po załadowaniu strony
- Wysyłanie danych do serwera - w tle
Spróbuj sam Przykłady w każdym rozdziale
W każdym rozdziale, można edytować przykłady w Internecie, a następnie kliknij na przycisk aby zobaczyć wynik.
Przykład AJAX Poradnik
Strona 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>
Strona HTML zawiera <div> sekcję i <button> .
<div> sekcja służy do wyświetlania informacji z serwera.
<button> wywołuje funkcję (jeśli kliknięciu).
Funkcja zwraca dane z serwera WWW i wyświetla go:
loadDoc function ()
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();
}