使用 Ajax

Ajax( Asynchronous JavaScript and XML)

在 Ajax 中 Asynchronous 是指异步， 代表 客户端(Client 通常是指浏览器) 可以向服务器(Server) 发出请求 用户无须等待相应。 异步是 Ajax 技术的核心所在。

Ajax 只是一个概念，用来描述 客户端XMLHTTPRequest 与服务器 Server 脚本之间的交互。

Question : 怎样确定何时应该使用 异步技术呢?

你可以这样考虑， 如果你希望 你的用户能在工作的同时 继续做一些处理， 可能就需要一个 异步的请求。

如果你的用户在 继续操作之前需要 从你的应用得到某些信息或者得到一个 相应，那就要让用户等待，通常是一个同步请求。

关于 XMLHTTPRequest :　

Ajax 中技术的主要实现 是通过 XMLHTTPRequest 这个对象来实现的， XMLHTTPRequest 是大多数浏览器对 请求对象的 叫法。

1.首先需要认识到的是 XMLHTTPRequest 是一个对象 (object) , 和所有对象一样，也有 属性 (property) 和方法 (method)

　　eg : onreadystatechange 是XMLHTTPRequest 最重要的属性, 通常把这个属性设置为一个函数名把这个函数称为 回调函数(callback function)

　　　　 request.onreadystatechange = function_name;  此处是 函数引用 而不是 函数调用, 我们使用回调函数处理服务器返回的数据。

2.然后，在各种浏览器中 XMLHTTPRequest 对象的实例化和处理方法是不同的，浏览器通过把 XMLHTTPRequest 发送到服务器

并且从服务器得到相应(Response)而且无需加载整个页面。

function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (tryMS) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (otherMS) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = null;
      }
    }
  }    
  return request;
}

你可以通过 自定义的 createRequest() 创造一个各种浏览器通用的request. 

建立 Ajax 请求的基本过程：

1. 得到一个请求对象(XMLHTTPRequest), 我们可以用过上述方法 createRequest() 来得到这个对象的一个实例(instance)，如果不支持 Ajax 会返回null

2. 配置请求对象 XMLHTTPRequest 的属性，（例如要 连接哪个 URL, 使用 GET or POST）需要在向服务器 发出请求之前完成所有这些配置。

3. 设置回调函数， request.onreadystatechange = function_name; 告诉浏览器当服务器返回响应的时候应该做什么

4. 发出请求。