JavaScript Day 4

JavaScript Day 4

---

AJAX 简介

AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

原理：

---

AJAX 实例

var http = new XMLHttpRequest();
//在根目录下存在test.txt
http.open("GET","/test.txt");
http.send();
http.onreadystatechange=function()
{
    alert(http.responseText);
}

---

XHR实现过程

• 创建 XMLHttpRequest 对象

• 向服务器发送请求

  

  • GET 请求
  • POST 请求
  • Async（同步/异步）

• 服务器响应

  • responseText： 获得字符串形式的响应数据
  • responseXML：获得 XML 形式的响应数据

• onreadystatechange事件

  

  NOTE： onreadystatechange 事件被触发 4 次（0 - 4）, 分别是： 0-1、1-2、2-3、3-4，对应着 readyState 的每个变化。

---