黑马程序员技术交流社区

标题: ajax培训教程6：onreadystatechange 事件 [打印本页]

作者: 庭院深深深几许 时间: 2019-4-25 16:27
标题: ajax培训教程6：onreadystatechange 事件
本帖最后由庭院深深深几许于 2019-4-25 16:56 编辑

　　onreadystatechange 事件
　　当请求被发送到服务器时，我们需要执行一些基于响应的任务。
　　每当 readyState 改变时，就会触发 onreadystatechange 事件。
　　readyState 属性存有 XMLHttpRequest 的状态信息。
　　下面是 XMLHttpRequest 对象的三个重要的属性：

　　在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。

　　当 readyState 等于 4 且状态为 200 时，表示响应已就绪：

[HTML] 纯文本查看 复制代码

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

    }

  }

　　注释：onreadystatechange 事件被触发 5 次(0 - 4)，对应着 readyState 的每个变化。
　　使用 Callback 函数
　　callback 函数是一种以参数形式传递给另一个函数的函数。
　　如果您的网站上存在多个 AJAX 任务，那么您应该为创建 XMLHttpRequest 对象编写一个标准的函数，并为每个 AJAX 任务调用该函数。

　　该函数调用应该包含 URL 以及发生 onreadystatechange 事件时执行的任务(每次调用可能不尽相同)：

[HTML] 纯文本查看 复制代码

function myFunction()

{

loadXMLDoc("ajax_info.txt",function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

    }

  });

}

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2