XML HttpRequest

Semua pelayar modern mempunyai objek XMLHttpRequest baku untuk meminta data dari server.

Objek XMLHttpRequest

Objek XMLHttpRequest dapat digunakan untuk meminta data dari server Web.

Objek XMLHttpRequest adalahImpian para pengembangKarena Anda dapat:

• Mengupdate halaman web - tanpa memuat semula halaman
• Minta data dari server - selepas halaman di muat
• Menerima data dari server - selepas halaman di muat
• Mengirim data ke server - di latar belakang

Contoh XMLHttpRequest

Ketika Anda mengetik huruf di dalam medan input di bawah ini, XMLHttpRequest akan dihantar ke server dan kembalikan beberapa saran nama (dari server):

Contoh

Silakan masukkan nama di dalam medan 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 mencipta: Objek XMLHttpRequest:

var xhttp = new XMLHttpRequest();

onreadystatechange Fungsi yang dijalankan setiap kali objek XMLHttpRequest mengalami perubahan status:

xhttp.onreadystatechange = function()

Sesetengah readyState Sifat 4 dan status Sifat 200, responsi siap:

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

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

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

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

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