Latest web development tutorials

AJAX - événement onreadystatechange

événement onreadystatechange

Quand une requête est envoyée au serveur, en fonction de la réponse que nous devons effectuer certaines tâches.

Chaque fois que des changements readyState déclencheront onreadystatechange événement.

il XMLHttpRequest propriété readyState informations d'état.

Voici les XMLHttpRequest objet trois propriétés importantes:

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

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

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

Dans le cas onreadystatechange, nous exigeons que le serveur répond lorsque la tâche est prête à être traitée lors de son exécution.

Lorsque le readyState et le statut égal à 4 à 200, une réponse prête:

Exemples

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

Essayez »

Remarque: onreadystatechange événement est déclenché 5 fois (0--4), correspondant à chacun des changements de readyState.


Utilisation des fonctions callback

Est-ce une fonction de rappel passée en paramètre à une autre fonction.

Si plusieurs tâches AJAX existent sur votre site, vous devez créer l' objet XMLHttpRequest pour écrire une fonction standard, et la fonction est appelée pour chaque tâche AJAX.

URL doit contenir l'appel de fonction et les tâches accomplies onreadystatechange événement se produit (pour chaque appel peut varier):

Exemples

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

Essayez »