Ajax工作原理

发布时间：2020-12-16 02:46:34 所属栏目：百科来源：网络整理

导读：一：Ajax概括在页面无重新加载或刷新的情况下，Ajax与服务器交换数据并更新部分页面的数据。二：工作原理与传统的web端请求服务器的区别是中间加了一层Ajax引擎，使用户操作和服务器响应异步化。并且Ajax还提供了数据验证以及数据处理等功能，只有确定在

一：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返回错误！‘)　　　　　}
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!