XML HttpRequest

Semua browser modern memiliki objek XMLHttpRequest yang disertakan untuk mengajukan data dari server.

Objek XMLHttpRequest

Objek XMLHttpRequest dapat digunakan untuk mengajukan data dari server Web.

Objek XMLHttpRequest adalahMimpi para pendekar, karena Anda dapat:

• Memperbarui halaman - tanpa memuat ulang halaman
• Mengajukan data dari server - setelah halaman diMuat
• Menerima data dari server - setelah halaman diMuat
• Mengirim data ke server - di latar belakang

Contoh XMLHttpRequest

Ketika Anda mengetik karakter di bidang input di bawah ini, XMLHttpRequest akan dikirim ke server dan mengembalikan beberapa saran nama (dari server):

Contoh

Silakan masukkan nama di bidang input di bawah ini:

Mengirim XMLHttpRequest

Berikut adalah sintaks biasa JavaScript yang digunakan untuk objek XMLHttpRequest:

Contoh

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Tindakan tipikal yang akan dilakukan ketika dokumen siap:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

Coba sendiri

Penjelasan contoh

Baris pertama di contoh di atas menciptakan Objek XMLHttpRequest:

var xhttp = new XMLHttpRequest();

onreadystatechange Fungsi yang ditentukan untuk dieksekusi setiap kali objek XMLHttpRequest mengalami perubahan status:

xhttp.onreadystatechange = function()

ketika readyState properti 4 dan status Ketika properti 200, tanggapannya siap:

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

responseText 属性以文本字符串形式返回服务器响应。

文本字符串可用于更新网页：

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

您将在本教程的 AJAX 章节中学到有关 XMLHttpRequest 对象的更多内容。