AJAX应用的五个步骤
1.建立xmlHttpRequest对象
    if(window.XMLHttpRequest){
       xmlHttp = new XMLHttpRequest();
      
      if(xmlHttp.overrideMimeType){
         xmlHttp.overrideMimeType("text/xml");
      }
   }else if(window.ActiveXobject){
       var activeName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
       for(var i=0; i<activeName.length; i++){
          try{
               xmlHttp = new ActiveXobject(activeName[i]);
              break;
          }catch(e){
          }
       }
       
   }
   if(!xmlHttp){
      alert("创建xmlhttprequest对象失败");
   }else{
     
   }
2.设置回调函数
xmlHttp.onreadystatechange = callback;
function callback(){}
3.使用OPEN方法与服务器建立连接 xmlHttp.open("get","ajax?name=" + name,true)
此步注意设置http的请求方式(post/get),如果是POST方式,注意设置请求头信息xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
4.向服务器端发送数据
xmlHttp.send(null);
如果是POST方式就不为空
5.在回调函数中针对不同的响应状态进行处理
  if(xmlHttp.readyState == 4){
      //判断交互是否成功
      if(xmlHttp.status == 200){
        //获取服务器返回的数据
        //获取纯文本数据
        var responseText = xmlHttp.responseText;
        document.getElementById("info").innerHTML = responseText;
      }
   }
 
                     
                    
                 
                    
                
 
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号