AJAX的使用

1）用途：

      用于局部刷新在不影响用户操作的前提下对数据进行刷新；

2）用法如下：

      

第一步：
    //创建一个XMLHttpRequest 对象
    var req = new XMLHttpRequest();
第二步：
    //打开连接
    req.open("请求的方式（get/post）","url",true（是否异步）);
第三步：
    //发送数据,如果请求方式为get请求则不需要发送数据
    req.send();
第四步：
  //回调函数
  req.onreadystatechange = function (){
      //判断是否响应完成，及是否页面加载成功；
     if(req.readyState==4&&req.status==200){
      //获取接受数据
      var xml = req.responseXML;
      //对XML进行解析；
     var doms =  xml.getElementsByTagName("TagName");
     //遍历输出；
         for（var i = 0; i < doms.length; i++ ）{
              doms[i].childNodes[0].nodeValue;     
         }
     }
}

补充一下：

 readyState与status的区别：

    ready在State表示的是请求与回应的进行状态，我们主要使用他判断服务器是否完成回应，但不能根据他判断服务器在进行数据处理时是否遇到错误，只有当readyState的值为4时（回应完毕）后才能读取status属性，根据它可以判断服务器是否正确处理了AJAX请求；