XML HttpRequest

Tất cả các trình duyệt hiện đại đều có đối tượng XMLHttpRequest được tích hợp sẵn, được sử dụng để yêu cầu dữ liệu từ máy chủ.

Đối tượng XMLHttpRequest

Đối tượng XMLHttpRequest có thể được sử dụng để yêu cầu dữ liệu từ máy chủ web.

Đối tượng XMLHttpRequest làMơ ước của nhà phát triểnBởi vì bạn có thể:

• Cập nhật trang web - không cần tải lại trang
• Yêu cầu dữ liệu từ máy chủ - sau khi trang đã được tải
• Nhận dữ liệu từ máy chủ - sau khi trang đã được tải
• Gửi dữ liệu đến máy chủ - ẩn sau hậu cảnh

Mẫu XMLHttpRequest

Khi bạn gõ字符 vào trường nhập dưới đây, XMLHttpRequest sẽ được gửi đến máy chủ và trả về một số gợi ý tên (từ máy chủ):

Mẫu

Vui lòng nhập tên vào trường nhập dưới đây:

Gửi XMLHttpRequest

Dưới đây là cú pháp JavaScript phổ biến được sử dụng với đối tượng XMLHttpRequest:

Mẫu

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Hành động tiêu chuẩn cần thực hiện khi tài liệu đã sẵn sàng:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

Thử ngay

Giải thích ví dụ

Dòng đầu tiên trong ví dụ trên đã tạo ra một Đối tượng XMLHttpRequest:

var xhttp = new XMLHttpRequest();

onreadystatechange Thuộc tính chỉ định hàm cần thực hiện mỗi khi trạng thái của đối tượng XMLHttpRequest thay đổi:

xhttp.onreadystatechange = function()

Khi readyState Thuộc tính là 4 và status Khi thuộc tính là 200, phản hồi đã sẵn sàng:

if (this.readyState == 4 && this.status == 200)

responseText Thuộc tính được trả về từ máy chủ dưới dạng chuỗi văn bản.

Chuỗi văn bản có thể được sử dụng để cập nhật trang web:

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

Bạn sẽ học thêm về đối tượng XMLHttpRequest trong phần AJAX của hướng dẫn này.