Latest web development tutorials

AJAX - onreadystatechange

onreadystatechange

Cuando se envía una petición al servidor, basándose en la respuesta tenemos que realizar algunas tareas.

Siempre que los cambios readyState activarán onreadystatechange evento.

XMLHttpRequest hay información de estado de la propiedad readyState.

Aquí está el objeto XMLHttpRequest tres propiedades importantes:

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

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

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

En el caso onreadystatechange, es necesario que el servidor responde cuando la tarea está lista para ser procesada cuando se ejecuta.

Cuando el readyState y el estado igual a 4 a 200, una respuesta preparada:

Ejemplos

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

Trate »

Nota: onreadystatechange evento se activa 5 veces (0--4), correspondiente a cada uno de los cambios readyState.


Uso de las funciones de devolución de llamada

Es una función de devolución de llamada se pasa como parámetro a otra función.

Si existen varias tareas de AJAX en su sitio, entonces usted debe crear el objeto XMLHttpRequest para escribir una función estándar, y la función es llamada para cada tarea AJAX.

URL debe contener la llamada a la función y las tareas realizadas se produce onreadystatechange evento (por cada llamada puede variar):

Ejemplos

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

Trate »