Latest web development tutorials

AJAX - acara onreadystatechange

acara onreadystatechange

Ketika permintaan dikirim ke server, berdasarkan respon kita perlu melakukan beberapa tugas.

Setiap kali perubahan readyState akan memicu acara onreadystatechange.

ada XMLHttpRequest properti readyState informasi status.

Berikut adalah XMLHttpRequest objek tiga sifat penting:

属性 描述
onreadystatechange 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
readyState

存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

  • 0: 请求未初始化
  • 1: 服务器连接已建立
  • 2: 请求已接收
  • 3: 请求处理中
  • 4: 请求已完成，且响应已就绪
status 200: "OK"
404: 未找到页面

Dalam acara onreadystatechange, kami mengharuskan server merespon ketika tugas siap untuk diproses ketika dijalankan.

Ketika readyState dan status sama dengan 4 untuk 200, respon siap:

contoh

xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}

Coba »

Catatan: acara onreadystatechangedipicu 5 kali (0--4), sesuai untuk setiap perubahan readyState.

Menggunakan fungsi callback

Adalah fungsi callback berlalu sebagai parameter untuk fungsi lain.

Jika beberapa tugas AJAX ada di situs Anda, maka Anda harus membuat XMLHttpRequest objek untuk menulis fungsi standar, dan fungsi ini dipanggil untuk setiap tugas AJAX.

URL harus berisi panggilan fungsi dan tugas yang dilakukan acara onreadystatechange terjadi (untuk setiap panggilan mungkin beragam):

contoh

function myFunction()
{
loadXMLDoc("ajax_info.txt",function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
});
}

Coba »