每篇文章仅做为自己的备忘笔记,若有描述不清或不对的地方还请指明,感谢^_^

ajax

1、消息提示模块是基于layui 的 layer

// 服务器地址
var $serviceUrl="服务器地址";
// API接口
var $urlList={
"getNavClass":{apiUrl:"/api/home",method:"GET",apiName:"左侧导航"},
};
// 请求
function $ajax(apiData,pushData,successFunc,errorFunc) {
var load0 = layer.load(2);
$.ajax({
type:$urlList[apiData].method,
url:$serviceUrl+$urlList[apiData].apiUrl,
data:pushData,
dataType:'Json',
success:function(result){
if(result.code==201){
layer.open({
title: '温馨提示'
,content: result.message
});
}
successFunc&&successFunc(result);
},
error: function(result) {
layer.open({
title: '错误'
,content: $urlList[apiData].apiName+'与服务器请求出错'
});
errorFunc&&errorFunc(result);
},
complete:function (result) {
// layer.close(load0);//关闭指定的弹窗
layer.closeAll();
consoleFunc(result.status,
$urlList[apiData].apiName,
$urlList[apiData].method,
$urlList[apiData].apiUrl,
pushData,
JSON.parse(result.responseText));
}
});
}
//控制台输出
function consoleFunc(status,apiName,method,apiUrl,pushData,getData) {
switch (status) {
case 200:
console.warn(
"%c 状态"+status+":", 'color:#fff;background:green;font-size:15px', apiName,
"\n 提交方式:", method,
"\n 提交地址:", apiUrl,
"\n 提交data:", pushData,
"\n 请求返回", getData);
break;
default:
console.warn(
"%c "+status+":", 'color:#fff;background:red;font-size:15px', apiName,
"\n 提交方式:", method,
"\n 提交地址:", apiUrl,
"\n 提交data:", pushData,
"\n 请求返回", getData);
}
}

 

posted @ 2019-09-03 10:30  菜汤不甜  阅读(175)  评论(0编辑  收藏  举报