Latest web development tutorials

AJAX - evento onreadystatechange

evento onreadystatechange

Quando um pedido é enviado para o servidor, com base na resposta precisamos executar algumas tarefas.

Sempre que as mudanças readyState irá desencadear onreadystatechange evento.

há XMLHttpRequest propriedade readyState informações de status.

Aqui é o objeto XMLHttpRequest três propriedades importantes:

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

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

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

No caso onreadystatechange, é necessário que o servidor responde quando a tarefa está pronto para ser processado quando executado.

Quando o readyState eo status igual a 4 a 200, uma resposta pronta:

Exemplos

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

tente »

Nota: onreadystatechange evento é disparado 5 vezes (0--4), correspondendo a cada uma das alterações readyState.


Usando funções de retorno

É uma função callback passado como um parâmetro para outra função.

Se existirem várias tarefas AJAX em seu site, então você deve criar XMLHttpRequest objeto para escrever uma função padrão, e a função é chamada para cada tarefa AJAX.

URL deve conter a chamada de função e as tarefas realizadas onreadystatechange evento ocorre (para cada chamada podem variar):

Exemplos

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

tente »