Ajax介绍 XMLHttpRequest

Ajax介绍
AJAX - 浏览器支持
AJAX 的要点是 XMLHttpRequest 对象。不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。IE 浏览器使用 ActiveXObject，而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。如需针对不同的浏览器来创建此对象，我们要使用一条 "try and catch" 语句。
<script type="text/javascript">
function ajaxFunction()
 {
 var xmlHttp;
 try{
xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari
}
 catch (e) {
   try{
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");// Internet Explorer 6.0+
      }
   catch (e) {
      try{
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");// Internet Explorer 5.5
         }
      catch (e) {
         alert("您的浏览器不支持AJAX！");
         return false;}
      }}
 }
</script>
声明一个保存 XMLHttpRequest 对象的 xmlHttp 变量。然后使用 XMLHttp=new XMLHttpRequest() 来创建此对象。这条语句针对 Firefox、Opera 以及 Safari 浏览器。假如失败，则尝试Internet Explorer 6.0+ 的 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP")，假如也不成功，则尝试Internet Explorer 5.5+ 的 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")。假如这三种方法都不起作用，那么这个用户所使用的浏览器已经太过时了，他或她会看到一个声明此浏览器不支持 AJAX 的提示。
AJAX - XMLHttpRequest对象
onreadystatechange 属性
onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数，可同时对 onreadystatechange 属性进行设置：
xmlHttp.onreadystatechange=function()
  {
  // 我们需要在这里写一些代码
  }
readyState 属性
readyState 属性存有服务器响应的状态信息。每当 readyState 改变时，onreadystatechange 函数就会被执行。（详情参见 AJAX – readyState详情）
状态
描述