XMLHttpRequest

Wszystkie nowoczesne przeglądarki mają wbudowany obiekt XMLHttpRequest do żądania danych z serwera.

Obiekt XMLHttpRequest

Obiekt XMLHttpRequest można używać do żądania danych z serwera Web.

Obiekt XMLHttpRequest jestMarzenie dewelopera, ponieważ możesz:

• Aktualizacja strony - bez ponownego ładowania strony
• Żądanie danych z serwera - po załadowaniu strony
• Odbieranie danych z serwera - po załadowaniu strony
• Wysyłanie danych do serwera - w tle

Przykład XMLHttpRequest

Gdy wpiszemy znaki w poniższym polu tekstowym, XMLHttpRequest zostanie wysłany do serwera i zwróci kilka sugestii nazw (z serwera):

Przykład

Proszę wpisać nazwę w poniższym polu tekstowym:

Wysyłanie XMLHttpRequest

Poniżej znajduje się常见 JavaScript语法 używany do XMLHttpRequest:

Przykład

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    jeśli (this.readyState == 4 && this.status == 200) {
       // Typowe działanie do wykonania, gdy dokument jest gotowy:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

Spróbuj sam

Wyjaśnienie przykładu

W pierwszym wierszu powyższego przykładu utworzono Obiekt XMLHttpRequest:

var xhttp = new XMLHttpRequest();

onreadystatechange Atrybut określa funkcję, która ma być wykonana za każdym razem, gdy zmienia się stan obiektu XMLHttpRequest:

xhttp.onreadystatechange = function()

gdy readyState atrybut wynosi 4 oraz status Odpowiedź gotowa, gdy atrybut wynosi 200:

jeśli (this.readyState == 4 && this.status == 200)

responseText Atrybuty są zwracane w formie tekstu string.

Tekst string może być używany do aktualizacji strony internetowej:

document.getElementById("demo").innerHTML = xhttp.responseText;

Dowiedziałeś się więcej o obiekcie XMLHttpRequest w rozdziale AJAX tego przewodnika.