原生js---ajax的封装插件.js---(对get和post做…
2018-11-20 03:17:50来源:博客园 阅读 ()
function ajax(method,url,data,fn){ // 1、创建对象 var xhr=null; try{ xhr=new XMLHttpRequest(); }catch(e){ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } // 2、open方法 if(method=="get"&&data){ url=url+"?"+data; } xhr.open(method,url,true); // 3、send方法 if(method=="get"){ xhr.send() }else{ // post请求时执行 // 声明发送的数据类型 xhr.setRequestHeader('content-type','application/x-www-form-urlencoded'); xhr.send(data); } // 4、接收数据 xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if (xhr.status==200) { // 数据接收成功后执行传来的函数 fn(xhr.responseText) }else{ alert("错误"+xhr.status) } } } } 注:function ajax(method,url,data,fn){} method----方法 url---路径 data---数据,不用传数据时,函数传该参数"" fn---数据接收成功后执行传来的函数
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 原生js实现图片懒加载+加入节流 2019-08-14
- 用原生JS写省市二级联动 2019-08-14
- vue学习【一】vue引用封装echarts并展示多个echarts图表 2019-08-14
- 三、VUE项目BaseCms系列文章:axios 的封装 2019-08-14
- 使用原生node.js搭建HTTP服务器,支持MP4视频、图片传输,支 2019-08-14
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash