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('木有'); }); }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示