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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 前言:ajax的神奇之处在于JavaScript 可在不重载页面的情况与 Web 服务器交换数据,即在不需要刷新页...
- //创建函数,需传入的参数:请求方式,请求接口地址,请求参数,请求成功回调函数,请求失败回调函数 function...
- 1、mvvm是什么? http://bbs.daxiangclass.com/?thread-38.htm 2、同...