472 lines
19 KiB
JavaScript
472 lines
19 KiB
JavaScript
/*!
|
||
* 主 题：API调用方法
|
||
* 说 明：用于调用Restful api接口的js方法。
|
||
* 功能描述：
|
||
* 1、封装api调用方法，采用axios异步读取服务端；支持get,post,delete,put,patch,options六种方式
|
||
* 2、数据提交与返回均经过url编码与解码
|
||
* 3、一些常用方法，如$api.trim，querystring,cookies等
|
||
*
|
||
*
|
||
* 作 者：宋雷鸣 10522779@qq.com
|
||
* 开发时间: 2019年5月20日
|
||
*/
|
||
(function () {
|
||
var config = {
|
||
//api的版本号
|
||
versions: ["", "1", "2"],
|
||
versionDefault: "1", //默认版本号
|
||
//调用地址的根路径
|
||
baseURL: '',
|
||
pathUrl: "/api/v{0}/", //url路径
|
||
};
|
||
//版权信息
|
||
var copyright = {};
|
||
//一些常用方法
|
||
var methods = {
|
||
//生成axios调用的路径,
|
||
//vesion:api版本号,
|
||
//way:api方法名，如/api/v1/[account/del]
|
||
url: function (version, way) {
|
||
if (way === undefined) throw 'api名称不得为空';
|
||
var url = config.pathUrl.replace("{0}", version);
|
||
//调用地址的根路径可以在此处理，（如果需要跨多台服务器请求的话）
|
||
if (config.baseURL != '') url = config.baseURL + url;
|
||
return url + way;
|
||
},
|
||
//获取url中的参数
|
||
querystring: function (url, key) {
|
||
if (arguments.length == 1) key = arguments[0];
|
||
if (arguments.length <= 1) url = String(window.document.location.href);
|
||
if (url.indexOf("?") < 0) return "";
|
||
//取所有参数
|
||
var values = new Array();
|
||
var query = url.substring(url.lastIndexOf("?") + 1).split('&');
|
||
for (var q in query) {
|
||
var arr = query[q].split('=');
|
||
if (arr.length < 2) continue;
|
||
if (arr[1].indexOf("#") > -1) arr[1] = arr[1].substring(0, arr[1].indexOf("#"));
|
||
arr[1] = decodeURI(arr[1]).replace(/<[^>]+>/g, "");
|
||
values.push({
|
||
key: arr[0],
|
||
val: arr[1]
|
||
});
|
||
}
|
||
//返回
|
||
if (arguments.length == 0) return values;
|
||
if (arguments.length == 1) {
|
||
for (var q in values) {
|
||
if (values[q].key.toLowerCase() == key.toLowerCase())
|
||
return values[q].val;
|
||
}
|
||
}
|
||
return "";
|
||
},
|
||
setpara: function (key, value) {
|
||
//获取所有参数
|
||
var values = methods.querystring();
|
||
var isExist = false;
|
||
for (var q in values) {
|
||
if (values[q].key.toLowerCase() == key.toLowerCase()) {
|
||
values[q].val = value;
|
||
isExist = true;
|
||
}
|
||
}
|
||
if (!isExist) values.push({
|
||
key: key,
|
||
val: value
|
||
});
|
||
//拼接Url
|
||
var url = String(window.document.location.href);
|
||
if (url.indexOf("?") > -1) url = url.substring(0, url.lastIndexOf("?"));
|
||
var parastr = "";
|
||
for (var i = 0; i < values.length; i++) {
|
||
parastr += values[i].key + "=" + values[i].val;
|
||
if (i < values.length - 1) parastr += "&";
|
||
}
|
||
return url + "?" + parastr;
|
||
},
|
||
//去除两端空格
|
||
trim: function (str) {
|
||
return str.replace(/^\s*|\s*$/g, '').replace(/^\n+|\n+$/g, "");
|
||
},
|
||
//将数据url解码
|
||
unescape: function (data) {
|
||
var typeName = methods.getType(data);
|
||
if (typeName == 'String') return unescape(data);
|
||
if (typeName == 'Object') return handleObject(data);
|
||
if (typeName == 'Array') return handleArray(data);
|
||
//反常时间的处理，如果时间处于一百年前，则返回空值
|
||
function abnormalTime(date) {
|
||
var now = new Date();
|
||
var y = now.getFullYear();
|
||
var m = now.getMonth();
|
||
var d = now.getDate();
|
||
now = new Date(y - 100, m < 10 ? '0' + m : m, d < 10 ? ('0' + d) : d);
|
||
if (date > now) return date;
|
||
return '';
|
||
}
|
||
//解码对象
|
||
function handleObject(data) {
|
||
for (var key in data) {
|
||
var typeName = methods.getType(data[key]);
|
||
if (typeName == 'String')
|
||
data[key] = unescape(data[key]);
|
||
if (typeName == 'Date')
|
||
data[key] = abnormalTime(data[key]);
|
||
if (typeName == 'Array')
|
||
data[key] = handleArray(data[key]);
|
||
if (typeName == 'Object')
|
||
data[key] = handleObject(data[key]);
|
||
}
|
||
return data;
|
||
}
|
||
//解码数组
|
||
function handleArray(data) {
|
||
for (var d in data) {
|
||
data[d] = handleObject(data[d]);
|
||
}
|
||
return data;
|
||
}
|
||
return data;
|
||
},
|
||
//判断数据类型
|
||
getType: function (data) {
|
||
var getType = Object.prototype.toString;
|
||
var myType = getType.call(data); //调用call方法判断类型，结果返回形如[object Function]
|
||
var typeName = myType.slice(8, -1); //[object Function],即取除了“[object ”的字符串。
|
||
return typeName;
|
||
},
|
||
//storage存储
|
||
storage: function (key, value) {
|
||
var isAndroid = (/android/gi).test(navigator.appVersion);
|
||
var uzStorage = function () {
|
||
var ls = window.localStorage;
|
||
if (isAndroid) ls = window.localStorage;
|
||
return ls;
|
||
};
|
||
//如果只有一个参数，为读取
|
||
if (arguments.length === 1) {
|
||
var ls = uzStorage();
|
||
if (ls) {
|
||
var v = ls.getItem(key);
|
||
if (!v) return;
|
||
if (v.indexOf('obj-') === 0) {
|
||
v = v.slice(4);
|
||
return JSON.parse(v);
|
||
} else if (v.indexOf('str-') === 0) {
|
||
return v.slice(4);
|
||
}
|
||
}
|
||
}
|
||
//如果两个参数，为写入，第一个为键，第二个为值
|
||
if (arguments.length === 2) {
|
||
if (value != null) {
|
||
var v = typeof value == 'object' ? 'obj-' + JSON.stringify(value) : 'str-' + value;
|
||
var ls = uzStorage();
|
||
if (ls) ls.setItem(key, v);
|
||
} else {
|
||
var ls = uzStorage();
|
||
if (ls && key) {
|
||
ls.removeItem(key);
|
||
}
|
||
}
|
||
}
|
||
},
|
||
cookie: function (name, value, options) {
|
||
if (typeof value != 'undefined') { // name and value given, set cookie
|
||
options = options || {};
|
||
if (value === null) {
|
||
value = '';
|
||
options.expires = -1;
|
||
}
|
||
var expires = '';
|
||
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
|
||
var date;
|
||
if (typeof options.expires == 'number') {
|
||
date = new Date();
|
||
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
|
||
} else {
|
||
date = options.expires;
|
||
}
|
||
expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
|
||
}
|
||
var path = options.path ? '; path=' + options.path : '; path=/';
|
||
var domain = options.domain ? '; domain=' + options.domain : '';
|
||
var secure = options.secure ? '; secure' : '';
|
||
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
|
||
} else { // only name given, get cookie
|
||
var cookieValue = null;
|
||
if (document.cookie && document.cookie != '') {
|
||
var cookies = document.cookie.split(';');
|
||
for (var i = 0; i < cookies.length; i++) {
|
||
var cookie = methods.trim(cookies[i]);
|
||
// Does this cookie string begin with the name we want?
|
||
if (cookie.substring(0, name.length + 1) == (name + '=')) {
|
||
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
return cookieValue;
|
||
}
|
||
},
|
||
//记录或获取登录状态值
|
||
loginstatus: function (key, code) {
|
||
var storagename = 'weishakei_loginstatus';
|
||
var status = methods.storage(storagename);
|
||
//读取
|
||
if (arguments.length <= 1) {
|
||
if (status == null || !(status instanceof Array)) return '';
|
||
var str = '';
|
||
if (arguments.length == 0) {
|
||
|
||
for (var i = 0; i < status.length; i++) {
|
||
if (!!status[i].val) str += status[i].val;
|
||
if (i < status.length - 1) str += ',';
|
||
}
|
||
}
|
||
if (arguments.length == 1) {
|
||
for (var t in status) {
|
||
if (!!status[t].key && status[t].key == key)
|
||
str = status[t].val;
|
||
}
|
||
}
|
||
return str;
|
||
}
|
||
//写入
|
||
if (arguments.length == 2) {
|
||
if (status == null || !(status instanceof Array)) status = [];
|
||
var isexist = false;
|
||
for (var t in status) {
|
||
if (!!status[t].key && status[t].key == key) {
|
||
status[t].val = code;
|
||
isexist = true;
|
||
}
|
||
}
|
||
if (!isexist) status.push({
|
||
key: key,
|
||
val: code
|
||
});
|
||
methods.storage(storagename, status);
|
||
return status;
|
||
}
|
||
},
|
||
//判断变量是否是对象
|
||
isobj: function (obj) {
|
||
return Object.prototype.toString.call(obj) === '[object Object]';
|
||
},
|
||
//在线浏览pdf文件
|
||
pdfViewer: function (file) {
|
||
var viewer = "/Utility/PdfViewer/viewer.html";
|
||
if (file.indexOf("?") > -1) file = file.substring(0, file.indexOf("?"));
|
||
viewer += "?file=" + encodeURIComponent(file);
|
||
//window.location.href = viewer;
|
||
return viewer;
|
||
}
|
||
};
|
||
//api操作的具体对象和方法
|
||
var apiObj = function (version) {
|
||
//加载效果，参数：前者为一般loading效果，后者一般为去除loading
|
||
this.effect = function (loading, loaded) {
|
||
this.loadeffect.before = loading;
|
||
this.loadeffect.after = loaded;
|
||
return this;
|
||
}
|
||
this.loadeffect = {
|
||
before: null,
|
||
after: null
|
||
};
|
||
//当前api要请求的服务端接口的版本号
|
||
this.version = version == null ? config.versionDefault : version;
|
||
var httpverb = ['get', 'post', 'delete', 'put', 'patch', 'options'];
|
||
for (var i = 0; i < httpverb.length; i++) {
|
||
var el = httpverb[i];
|
||
var tm = "this." + el + " = function (way, parameters,loading,loaded) {return this.query(way, parameters, '" + el + "',loading,loaded,'json');}";
|
||
eval(tm);
|
||
}
|
||
var self = this;
|
||
//创建请求对象，以及拦截器
|
||
//way:接口方法
|
||
//returntype:返回数据的类型，Json或xml
|
||
this.query = function (way, parameters, method, loading, loaded, returntype) {
|
||
var url = methods.url(this.version, way);
|
||
if (arguments.length < 2 || parameters == null) parameters = {};
|
||
if (arguments.length < 3 || method == null || method == '') method = 'get';
|
||
//开始时间
|
||
var startTime = new Date();
|
||
//console.log(startTime);
|
||
//创建axiso对象
|
||
var instance = axios.create({
|
||
method: method != 'get' ? 'post' : 'get',
|
||
url: url,
|
||
headers: {
|
||
'X-Custom-Header': 'weishakeji',
|
||
'Access-Control-Allow-Headers': 'X-Requested-With',
|
||
'content-type': 'application/x-www-form-urlencoded',
|
||
'Access-Control-Allow-Methods': 'POST,GET,DELETE,PUT,PATCH,HEAD,OPTIONS'
|
||
},
|
||
auth: {
|
||
username: 'weishakeji ' + method + ' ' + returntype + ' ' + window.location,
|
||
password: methods.loginstatus()
|
||
},
|
||
timeout: 60 * 1000,
|
||
returntype: returntype
|
||
});
|
||
//添加请求拦截器（即请求之前）
|
||
instance.interceptors.request.use(function (config) {
|
||
if (loading == null) loading = self.loadeffect.before;
|
||
if (loading != null) loading(config);
|
||
//在发送请求之前做某件事
|
||
if (config.method != 'get') {
|
||
var formData = new FormData();
|
||
for (var d in config.data) {
|
||
var typeName = methods.getType(config.data[d]);
|
||
if (typeName == 'Date') {
|
||
formData.append(d, config.data[d].getTime());
|
||
continue;
|
||
}
|
||
//json值，序列化为字符串
|
||
if (typeName === 'Object') {
|
||
formData.append(d,escape(JSON.stringify(config.data[d])));
|
||
continue;
|
||
}
|
||
formData.append(d, escape(config.data[d]));
|
||
|
||
}
|
||
config.data = formData;
|
||
} else {
|
||
//克隆参数对象，因为上传的参数要escape转码，需要保留原数据类型
|
||
var tmpObj = new Object();
|
||
for (var d in config.params) {
|
||
var typeName = methods.getType(config.params[d]);
|
||
if (typeName == 'Date') {
|
||
tmpObj[d] = config.params[d].getTime();
|
||
continue;
|
||
}
|
||
//json值，序列化为字符串
|
||
if (typeName === 'Object') {
|
||
tmpObj[d] = escape(JSON.stringify(config.params[d]));
|
||
continue;
|
||
}
|
||
tmpObj[d] = escape(config.params[d]);
|
||
}
|
||
config.params = tmpObj;
|
||
}
|
||
return config;
|
||
}, function (error) {
|
||
console.log('错误的传参');
|
||
if (loaded == null) loaded = self.loadeffect.after;
|
||
if (loading != null) loaded(config, error);
|
||
//return Promise.reject(error);
|
||
});
|
||
//添加响应拦截器（即返回之后）
|
||
instance.interceptors.response.use(function (response) {
|
||
response.text = response.data;
|
||
//如果返回的数据是字符串，这里转为json
|
||
if (response.config.returntype == "json") {
|
||
if (typeof (response.data) == 'string') {
|
||
response.data = eval("(" + response.data + ")");
|
||
}
|
||
//处理数据，服务器端返回的数据是经过Url编码的，此处进行解码
|
||
response.data = methods.unescape(response.data);
|
||
if (response.data.result != null) {
|
||
if (typeof (response.data.result) == 'string') {
|
||
try {
|
||
response.data.result = eval("(" + response.data.result + ")");
|
||
} catch (err) {
|
||
//alert(err);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
//计算执行耗时
|
||
if (response.data) {
|
||
response.data['webspan'] = new Date() - startTime;
|
||
}
|
||
//执行加载完成后的方法
|
||
if (loaded == null) loaded = self.loadeffect.after;
|
||
if (loaded != null) loaded(response, null);
|
||
return response;
|
||
}, function (error) {
|
||
if (loaded == null) loaded = self.loadeffect.after;
|
||
if (loaded != null) loaded(null, error);
|
||
//return Promise.reject(error);
|
||
});
|
||
//如果是get方式，参数名是params；非get参数名是data
|
||
if (method == 'get') {
|
||
return instance.request({
|
||
params: parameters
|
||
});
|
||
} else {
|
||
return instance.request({
|
||
data: parameters
|
||
});
|
||
}
|
||
}
|
||
//一次获取多个数据
|
||
this.bat = function (queryArr) {
|
||
if (arguments.length == 0) return null;
|
||
if (arguments.length == 1) return queryArr;
|
||
return axios.all(arguments);
|
||
}
|
||
//常用方法加到$api根，方便调用
|
||
for (var m in methods) {
|
||
eval("this." + m + "=" + methods[m] + ";");
|
||
}
|
||
};
|
||
//创建$api调用对象
|
||
for (var v in config.versions) {
|
||
var str = config.versions[v] == "" ?
|
||
"window.$api = new apiObj();" :
|
||
"window.$api.v" + config.versions[v] + "= new apiObj('" + config.versions[v] + "')";
|
||
eval(str);
|
||
}
|
||
})();
|
||
|
||
//异步获取数据的示例
|
||
//$api.get("/dd/xx");
|
||
/* $api.v1.post("/dd/xx",{id:1}).then(function(req){
|
||
.....
|
||
});*/
|
||
|
||
/*一次获取多个数据
|
||
$api.bat(
|
||
$api.get("Outline/tree", { couid: $api.querystring("couid") }),
|
||
$api.get("Course/ForID", { id: $api.querystring("couid") })
|
||
).then(axios.spread(function (req, cur) {
|
||
if (req.data.success) {
|
||
var outlines = req.data.result;
|
||
}
|
||
}));
|
||
*/
|
||
//日期格式化
|
||
Date.prototype.format = function (fmt) {
|
||
var o = {
|
||
"M+": this.getMonth() + 1,
|
||
"d+": this.getDate(),
|
||
"h+": this.getHours()
|
||
};
|
||
if (/(y+)/.test(fmt))
|
||
fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
|
||
for (var k in o)
|
||
if (new RegExp("(" + k + ")").test(fmt))
|
||
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
|
||
|
||
return fmt;
|
||
}
|
||
//添加加载前后的事件
|
||
$api.effect(function () {
|
||
|
||
}, function (response, err) {
|
||
//请求网址
|
||
var url = response.config.url;
|
||
url = url.substring(url.indexOf('/v1/') + 3);
|
||
//请求参数
|
||
var para = JSON.stringify(response.config.params);
|
||
para = para == undefined ? '' : para;
|
||
//时长
|
||
var exec = response.data.execspan;
|
||
var span = response.data.webspan;
|
||
console.log(url + '' + para + ' 用时 ' + span + ' 毫秒，服务端 ' + exec + ' 毫秒');
|
||
//console.log(response);
|
||
}); |