Ajax工作原理

@H_404_1@

一：Ajax概括

　　在页面无重新加载或刷新的情况下，Ajax与服务器交换数据并更新部分页面的数据。

二：工作原理

　　与传统的web端请求服务器的区别是中间加了一层Ajax引擎，使用户操作和服务器响应异步化。并且Ajax还提供了数据验证以及数据处理等功能，只有确定在服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

三：代码步骤

var xmlHttp;
var params = {id:1}

if(window.XMLHttpRequest){
  xmlHttp = new XMLHttpRequest()
}else if(window.ActiveXObject){
 xmlHttp = new ActiveXObject(‘Microsoft XMLHTTP‘)
} 

//get 方法
xmlHttp.open(‘GET‘,‘http://www.haha.com?id=‘+params.id,true)

//post 方法
xmlHttp.open(‘POST‘,‘http://www.haha.com‘,true)
xmlHttp.send(params )

xmlHttp.onreadystatechange =function(){
    if(xmlHttp.readystate == 4 ){
         if(xmlHttp.status == 200){
                console.log(xmlHttp.responseText)
         }else{              alert(‘Ajax返回错误！‘)　　　　　}
    }
}