Forum | Najnowsze tutoriale tworzenie stron internetowych
 

AJAX Poradnik


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

Let AJAX change this text

Spróbuj sam "


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();
}

Teraz rozpocząć naukę AJAX!