封装ajax插件,原生js---ajax的封装插件.js---（对get和post做了兼容）

原生js---ajax的封装插件.js---(对get和post做了兼容)

2018年11月15日

| 萬仟网IT编程

 | 我要评论

function ajax(method,url,data,fn){ // 1、创建对象 var xhr=null; try{ xhr=new XMLHttpRequest(); }catch(e){ xhr=new ActiveXObject("Microsoft.XMLHTTP"); } // ... ...

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---数据接收成功后执行传来的函数

版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

相关文章:

很久没写博客了原因就是懒， 刚下班今天写了个基于element导航菜单实现多层菜单(可以无限多层) 组件核心思想就是组件递归(这个有时候面试会问到) 可...

有一种叫做json (javascript object notation) 的轻量级数据交换格式能够替代xml的工作。它就是jso...

一直是Redux的死忠党，但使用过Vuex后，感叹于Vuex上手之快，于是萌生了写一个能在React里使用的类Vuex库，暂时取名 ...

初学Vue，写一些随便谨防忘记，不足之处谢谢指出！！！

本文为大家分享了jstree事件和交互以及插件plugins，供大家参考，具体内容如下

1、事件

jstree在容器中触发变...

在做单页面应用程序时，一般页面布局头尾两块都是固定在布局页面，中间为是路由入口。这时访问页面时头部标题不会变，该问题的解决方案如下： 通过采用组件内...

应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了...

* 编程思想: * 面向过程:凡事亲力亲为,所有的事情的过程都要清楚,注重的是过程 * 面向对象:提出需求,找到对象,...

vue element-ui动态面包屑导航，供大家参考，具体内容如下

直接上代码

一、template代码

// 这是单独的组件...

网友评论

验证码：