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,
" 提交方式:", method,
" 提交地址:", apiUrl,
" 提交data:", pushData,
" 请求返回", getData);
break;
default:
console.warn(
"%c "+status+":", 'color:#fff;background:red;font-size:15px', apiName,
" 提交方式:", method,
" 提交地址:", apiUrl,
" 提交data:", pushData,
" 请求返回", getData);
}
}