function ajax(opt){
let default_opt={
url:'',
method:'post',
async:'true',
data:{},
callback:null,
};
}
// 合并参数
let new_opt=Object.assign(default_opt,opt);
// 创建ajax
// 实例化 ajax
let xhr=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP');
xhr.onreadystatechange=function(){
// 0: 请求未初始化
// 1: 服务器连接已建立
// 2: 请求已接收
// 3: 请求处理中
// 4: 请求已完成，且响应已就绪
if(xhr.readyState===4&&xhr.status===200){
new_opt.callback&& new_opt.callback(xhr.reponseText)
}
let search='';
if(new_opt.method.toUpperCase()==='GET'){
search='?'+Object.keys(new_opt.data).map(function(key){
return key+'='+new_opt.data[key]}).join('&');
}
xhr.open(new_opt.method,new_opt.url+search,new_opt.async);
let data=null;
if(new_opt.method.toUpperCase()==='POST'){
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
data=JSON.stringify(new_opt.data)
}
xhr.send(data);
}
封装ajax
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 前言：ajax的神奇之处在于JavaScript 可在不重载页面的情况与 Web 服务器交换数据，即在不需要刷新页...
- //创建函数，需传入的参数：请求方式，请求接口地址，请求参数，请求成功回调函数，请求失败回调函数 function...
- 1、mvvm是什么？ http://bbs.daxiangclass.com/?thread-38.htm 2、同...
