- 1Linux 进程间通信（IPC）详解：匿名管道、命名管道与共享内存
- 2【docker系列】Codimd在线Markdown方案_docker codimd
- 3打造智能汽车微服务系统平台：架构的设计与实现
- 4ubuntu20安装xrdp以及解决黑屏问题_ubuntu xrdp 黑屏
- 5【obs-studio开源项目从入门到放弃】obs_graphics_thread 视频采集渲染线程理解_electron libobs
- 6Cpython源码分析01_使用Visual Studio2017来研究Cpython，debug和release两种模式下编译的Python中__sizeof__()不一样的地方
- 7用 React 实现搜索 GitHub 用户功能
- 8Java 18 新特性：简单Web服务器 jwebserver
- 9【时间序列分析】13.ARMA(p,q)模型
- 10论文阅读：2015ResNet深度残差网络（待补充）
用promise封装ajax_ES6中Promise封装ajax的写法
赞
踩
1.依赖jquery的写法可以使用下面的
(function($){
$.extend({
ajaxPromise: param => {
return new Promise((resolve, reject) => {
$.ajax({
method: param.method || "GET",
dataType: "JSON",
url: param.url,
data: param.data || "",
success: res => {
if (res.status == 1) {
resolve(res.data);
}
else if (res.status == -1001) {
console.log("需要登录");
}
},
error: err => {
if (err.status == 404) {
console.log("404");
} else {
reject(err);
}
}
})
})
}
})
})(jQuery);
2.如果不依赖jquery可以采用下面的写法
const ajaxPromise = param => {
return new Promise((resolve, reject) => {
$.ajax({
type: param.type || "get",
url: param.url,
data: param.data || "",
success: res => {
if(res.status == 1){
resolve(res.data);
}
else if(res.status == -1001){
alert("需要登录");
}else{
}
},
error: err => {
if(err.status == 404){
alert("404");
}else{
reject(err);
}
}
})
})
};
使用jquery示例
/*
第一个请求
*/
let step1 = () => {
$.ajaxPromise({
url:"agents/get/2068957732939648",
data: {
"token":"f59e423eb75503f5609a0b9ba3b38db8083ad65078edb945b4c528fe6440b728"
}
}).then(res => {
console.log("第一个请求正确返回==>"+res);
}).catch(err => {
console.log("第一个请求失败",err);
})
};
/*
第二个请求
*/
let step2 = () => {
$.ajaxPromise({
url:"http://staging.santezjy.com:1031/agents/get/2068957732939648",
data: {
"token":"f59e423eb75503f5609a0b9ba3b38db8083ad65078edb945b4c528fe6440b728"
}
}).then(res => {
console.log("第二个请求正确返回==>",res);
}).catch(err => {
console.log("第二个请求失败==>"+err);
})
};
step1();
step2();
