黑马程序员技术交流社区

标题: 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;
    }
  });
}



更多的关于ajax培训教程:
ajax培训教程1.什么是AJAX
ajax培训教程2:AJAX 实例讲解
ajax培训教程3:创建 XMLHttpRequest 对象
ajax培训教程4:向服务器发送请求
ajax培训教程5:服务器响应
ajax培训教程6:onreadystatechange 事件
ajax培训教程7:AJAX ASP/PHP 请求实例
ajax培训教程8:数据库实例
ajax培训教程9:XML 实例








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