JavaScript Day 4

JavaScript Day 4


AJAX 简介

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

原理:

JavaScript Day 4


AJAX 实例

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

XHR实现过程

  • 创建 XMLHttpRequest 对象

  • 向服务器发送请求

    JavaScript Day 4

    • GET 请求
    • POST 请求
    • Async(同步/异步)
  • 服务器响应

    • responseText: 获得字符串形式的响应数据
    • responseXML:获得 XML 形式的响应数据
  • onreadystatechange事件

    JavaScript Day 4

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


上一篇:Java Web Ajax技术


下一篇:Ajax + java Servlet 制作Web进度条