码迷,mamicode.com
首页 > Web开发 > 详细

AJAX原理

时间:2020-06-28 22:27:32      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:OLE   obj   set   原理   ajax   border   创建   read   code   

 1 var xmlhttp;//创建XMLHttpRequest对象
 2 if(window.XMLHttpRequest){
 3    xmlhttp=new XMLHttpRequest();//ie8及以上,chrome
 4 }else{
 5    xmlhttp=new ActiveXObject(‘Microsoft.XMLHTTP‘);//ie6、7
 6 }
 7 xmlhttp.open("GET",‘Data.json‘,true);//第一个参数为请求方式、第二个参数是请求地址,第三个参数是是否为异步请求
 8 xmlhttp.send();//向服务器发送请求
9 xmlhttp.onreadystatechange=function(){//响应
10 if(xmlhttp.readyState==4&&xmlhttp.status==200){
11   let res=JSON.parse(xmlhttp.responseText)
12   console.log(res)
13 }
14 }

每当readyState属性改变时,都会触发onreadystatechange。

readyState

0 请求未初始化
1 服务器连接已创建
2 请求已接收
3 请求处理中
4 请求已完成,且响应已就绪

AJAX原理

标签:OLE   obj   set   原理   ajax   border   创建   read   code   

原文地址:https://www.cnblogs.com/zx-fjs/p/13205071.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!