使用 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. 发出请求。