React后台管理系统-ajax请求封装

2024-10-20 16:34:47

1.新建文件夹 util , 在util里边新建 mm.jsx文件

2.使用jquery里边的ajax发送请求，回调用promise,返回一个promise对象

request(param){
return new Promise((resolve, reject) => {
$.ajax({
type : param.type || 'get',
url : param.url || '',
dataType : param.dataType || 'json',
data : param.data || null,
success : res => {
// 数据请求成功
if(0 === res.status){
typeof resolve === 'function' && resolve(res.data, res.msg);
}
// 没有登录状态，强制登录
else if(10 === res.status){
this.doLogin();
}
else{
typeof reject === 'function' && reject(res.msg || res.data);
}
},
error : err => {
typeof reject === 'function' && reject(err.statusText);
}
});
});
}

3.页面引入

const _mm = new MUtil();

4.使用，传入参数

// 首页数据统计
getHomeCount(){
return _mm.request({
url: '/manage/statistic/base_count.do'
});
}

最新文章

热门文章