2、url不带参数通过接口调用数据,带参数就是url链接后面跟着?name=小明&sex=男的类似参数

这里是封装的

复制代码
 1 function ajax(url,fnSucc,fnFaild){  //参数1地址  参数2成功与否  参数3失败
 2     var oAjax = null;
 3       // 创建ajax对象
 4     if(window.XMLHttpRequest){ 
 5         oAjax = new XMLHttpRequest();
 6     }else{
 7         oAjax = new ActiveXObject("Microsoft.XMLHTTP"); 
 8     }
 9      // 连接服务器 open() 有两个参数 open(方法(post,get),url,是否是异步)
10         oAjax.open('GET',url,true);  
11           // 发送请求       
12         oAjax.send();  
13         // 服务器接收并返回      
14         oAjax.onreadystatechange=function(){
15             if(oAjax.readyState==4){
16                     var time = new Date().getTime();  //加入时间戳以清理缓存 
17                 if(oAjax.status==200){ //状态码
18                     fnSucc(oAjax.responseText+time);  Ajax请求成功后的内容就被存放在responseText(返回以文本形式存放的内容)这个属性下面
19                 }else
20               {
21                  if(fnFaild){
22                     fnFaild();
23                  }
24               }
25            }               
26   }
27 }
复制代码

这里是调用

复制代码
 btn.onclick=function(){
           // 封装插件
                ajax('test.txt',function(str){ //成功状体
                     alert(str);
                  },function(){ //失败状态
                    alert('木有');
                  });

               
         } 
复制代码

 

posted @   xuanPhoto  阅读(282)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
点击右上角即可分享
微信分享提示