关于AJAX的是是非非
一下内容摘自 传说の黄花菜  兄弟的文章
http://www.iteye.com/topic/631257
http://www.iteye.com/topic/631258

什么是Ajax?
Adaptive Path公司的Jesse James Garrett这样定义Ajax：

　　Ajax不是一种技术。实际上，它由几种蓬勃发展的技术以新的强大方式组合而成。Ajax包含：

基于XHTML和CSS标准的表示；
使用Document Object Model进行动态显示和交互；
使用XMLHttpRequest与服务器进行异步通信；
使用JavaScript绑定一切。


Ajax工作原理
   通过上述的定义，我们应该已经知道Ajax的组成了，即他是由XHTML，XML，CSS，DOM，XMLHttpRequest,JavaScript等技术综合而成的，然而，真正使用Ajax能实现异步通信，要真正实现这种绚丽的奇迹，必须非常熟悉一个JavaScript 对象，即 XMLHttpRequest。因此我们要了解Ajax的工作原理,就要从理解XMLHttpRequest这个对象开始。

下面给出将要用于该对象的很少的几个 方法和属性。

　·open()：建立到服务器的新请求。

　·send()：向服务器发送请求。

　·abort()：退出当前请求。

  ·readyState：提供当前 HTML 的就绪状态。

  ·responseText：服务器返回的请求响应文本。

  · onreadystatechange:回调方法

　·responseXML：服务器返回的请求响应XML形式组织的文本。



用 XMLHttpRequest 发送请求　
　得到请求对象之后就可以进入请求/响应循环了。记住，XMLHttpRequest 惟一的目的是让您发送请求和接收响应。其他一切都是 JavaScript、CSS 或页面中其他代码的工作：改变用户界面、切换图像、解释服务器返回的数据。准备好 XMLHttpRequest 之后，就可以向服务器发送请求了。
　　Ajax 采用一种沙箱安全模型。因此，Ajax 代码（具体来说就是 XMLHttpRequest 对象）只能对所在的同一个域发送请求。如果让 Ajax 代码在www.hdu.edu.cn 上运行，则必须 www.hdu.edu.cn 中运行的脚本发送请求。


打开请求
有了要连接的 URL 后就可以配置请求了。可以用 XMLHttpRequest 对象的 open() 方法来完成。该方法有五个参数：
　　 ·request-type ：发送请求的类型。典型的值是 GET 或 POST ，但也可以发送 HEAD 请求。
　　 ·url ：要连接的 URL 。
　　 ·asynch ：如果希望使用异步连接则为 true ，否则为 false 。该参数是可选的，默认为 true 。
　　 ·username ：如果需要身份验证，则可以在此指定用户名。该可选参数没有默认值。
　　 ·password ：如果需要身份验证，则可以在此指定口令。该可选参数没有默认值。
　　通常使用其中的前三个参数。事实上，即使需要异步连接，也应该指定第三个参数为 “true” 。这是默认值，但坚持明确指定请求是异步的还是同步的更容易理解。
　　将这些结合起来，通常会得到 下列所示的一行代码。

代码 4 getCustomerInfo() 方法的改进：

function getCustomerInfo() {
　 var phone = document.getElementById("phone").value;
  var url = "/cgi-local/lookupCustomer.php?phone=" + escape(phone);
　 request.open("GET", url, true);
} 

　 　

open() 是打开吗？
　　我们对 open() 方法到底做什么没有达成一致。但它实际上并不是 打开一个请求。如果监控 XHTML/Ajax 页面及其连接脚本之间的网络和数据传递，当调用 open() 方法时将看不到任何通信。

　　一旦设置好了 URL ，其他就简单了。多数请求使用 GET 就够了，再加上 URL ，这就是使用 open() 方法需要的全部内容了。

发送请求
　　一旦用 open() 配置好之后，就可以发送请求了。幸运的是，发送请求的方法的名称要比 open() 适当，它就是 send() 。
　　 send() 只有一个参数，就是要发送的内容。但是在考虑这个方法之前，回想一下前面已经通过 URL 本身发送过数据了：

var url = "/cgi-local/lookupCustomer.jsp?phone=" + escape(phone);
　　虽然可以使用 send() 发送数据，但也能通过 URL 本身发送数据。事实上， GET 请求（在典型的 Ajax 应用中大约占 80% ）中，用 URL 发送数据要容易得多。如果需要发送安全信息或 XML ，可能要考虑使用 send() 发送内容（关于如何使用POST方式安全的发送数据，请参考我的另外一篇文章--POST方式发送ajax请求详解 ）。如果不需要通过 send() 传递数据，则只要传递 null 作为该方法的参数即可。

代码 5  getCustomerInfo() 方法的进一步改进：

function getCustomerInfo() {
　 var phone = document.getElementById("phone").value;
　 var url = "/cgi-local/lookupCustomer.php?phone=" + escape(phone);
　 request.open("GET", url, true);
　 request.send(null);
} 

指定回调方法 　　

现在我们所做的只有很少一点是新的、革命性的或异步的。必须承认， open() 方法中 “true” 这个小小的关键字建立了异步请求。但是 Ajax 和 Web 2.0 最大的秘密是什么呢？秘密就在于 XMLHttpRequest 的一个简单属性 onreadystatechange 。
　　首先一定要理解这些代码中的流程（如果需要请回顾 代码 5 ）。建立其请求然后发出请求。此外，因为是异步请求，所以 JavaScript 方法（例子中的 getCustomerInfo() ）不会等待服务器。因此代码将继续执行，就是说，将退出该方法而把控制返回给表单。用户可以继续输入信息，应用程序不会等待服务器。
　　这就提出了一个有趣的问题：服务器完成了请求之后会发生什么？答案是什么也不发生，至少对现在的代码而言如此！显然这样不行，因此服务器在完成通过 XMLHttpRequest 发送给它的请求处理之后需要某种指示说明怎么做。
　　现在 onreadystatechange 属性该登场了。该属性允许指定一个回调函数。回调允许服务器（猜得到吗？）反向调用 Web 页面中的代码。它也给了服务器一定程度的控制权，当服务器完成请求之后，会查看 XMLHttpRequest 对象，特别是 onreadystatechange 属性。然后调用该