秋痕语录

XMLhttprequest Ajax

QQ截图20171103104535.jpg



????xmlhttprequest?ajax?demo
????
????????var?req;?//定义变量,用来创建xmlhttprequest对象
????????function?creatReq()?//?创建xmlhttprequest,ajax开始
????????{
????????????var?url="./test4.json";?//要请求的服务端地址
????????????if(window.XMLHttpRequest)?//非IE浏览器及IE7(7.0及以上版本),用xmlhttprequest对象创建
????????????{
????????????????req=new?XMLHttpRequest();
????????????}
????????????else?if(window.ActiveXObject)?//IE(6.0及以下版本)浏览器用activexobject对象创建,如果用户浏览器禁用了ActiveX,可能会失败.
????????????{
????????????????req=new?ActiveXObject("Microsoft.XMLHttp");
????????????}

????????????if(req)?//成功创建xmlhttprequest
????????????{
????????????????req.open("GET",url,true);?//与服务端建立连接(请求方式post或get,地址,true表示异步)
????????????????req.onreadystatechange?=?callback;?//指定回调函数
????????????????req.send(null);?//发送请求
????????????}
????????}

????????function?callback()?//回调函数,对服务端的响应处理,监视response状态
????????{
????????????console.log(req);
????????????if(req.readyState==4)?//请求状态为4表示成功
????????????{
????????????????if(req.status==200)?//http状态200表示OK
????????????????{
????????????????????Dispaly();?//所有状态成功,执行此函数,显示数据
????????????????}
????????????????else?//http返回状态失败
????????????????{
????????????????????alert("服务端返回状态"?+?req.statusText);
????????????????}
????????????}
????????????else?//请求状态还没有成功,页面等待
????????????{
????????????????document?.getElementById?("myTime").innerHTML?="数据加载中";
????????????}
????????}

????????function?Dispaly()?//接受服务端返回的数据,对其进行显示
????????{
????????????document?.getElementById?("myTime").innerHTML?=(req.responseText);
????????}

????



打赏
0
相关文章
H5页面 浏览器唤醒/打开微信2018年11月28日
Vue封装公用方法,多页面复用2018年11月07日
Vue来回切换页面不重新加载 --keep-alive2018年11月01日
js判断是否从qq\微信浏览器打开网页2018年09月30日
js对比日期大小2018年08月20日
MUI/H5+ 仿微信扫描二维码功能2018年08月17日
pdf文件转换2018年08月15日
关于客户端解决ajax跨域及jsonp格式问题2018年08月11日
CSS3修改input输入框placeholder颜色样式2018年06月22日
css clip-path裁剪之多边形裁剪polygon2018年05月30日

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

控制面板
您好,欢迎到访网站!
??查看权限
网站分类
最新留言
文章归档
网站收藏
  • 订阅本站的 RSS 2.0 新闻聚合
友情链接

?2017 Lxy 豫ICP备17013024号
Copyright2017 lixueyang All Rights Reserved

公告

Welcome to my blog, where you will experience the thrill of not exceeding