Latest web development tutorials

AJAX - evento onreadystatechange

evento onreadystatechange

Quando viene inviata una richiesta al server, in base alla risposta occorre eseguire alcuni compiti.

Ogni volta che cambia readyState attivano onreadystatechange evento.

ci XMLHttpRequest informazioni sullo stato di proprietà readyState.

Ecco le XMLHttpRequest oggetto tre importanti proprietà:

属性 描述
onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState

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

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

Nel caso in onreadystatechange, è necessario che il server risponde quando l'attività è pronta per essere trasformati quando eseguito.

Quando il readyState e lo stato pari a 4 a 200, una pronta risposta:

Esempi

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

Prova »

Nota: onreadystatechange evento viene attivato 5 volte (0--4), corrispondenti a ciascuno dei cambiamenti readyState.


Utilizzando le funzioni di callback

E 'una funzione di callback passato come parametro a un'altra funzione.

Se più attività AJAX esistono sul tuo sito, allora si dovrebbe creare l'oggetto XMLHttpRequest per scrivere una funzione standard e la funzione viene chiamata per ogni attività AJAX.

URL deve contenere la chiamata di funzione e alle funzioni svolte si verifica onreadystatechange evento (per ogni chiamata può variare):

Esempi

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

Prova »