|
|
import request from '../request';
|
|
|
import { REQUEST_URL } from '@/config/EnvProperties';
|
|
|
|
|
|
export default class HttpHandler {
|
|
|
HttpHandlerName = '';
|
|
|
params: { [propName: string]: any } = {};
|
|
|
files: File[] = [];
|
|
|
|
|
|
// 构造方法创建
|
|
|
constructor(handlerName: string) {
|
|
|
this.HttpHandlerName = handlerName;
|
|
|
}
|
|
|
|
|
|
public validate(str: string) {
|
|
|
if (!str) {
|
|
|
return false;
|
|
|
}
|
|
|
const s = str.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
|
|
|
return !(s == '' || s == 'null' || s == 'undefined');
|
|
|
}
|
|
|
|
|
|
// 添加参数
|
|
|
public AddPara(key: string, val: any) {
|
|
|
this.params[key] = val;
|
|
|
}
|
|
|
|
|
|
// 添加json类型
|
|
|
public AddJson(json: { [propName: string]: any }) {
|
|
|
this.params = {
|
|
|
...this.params,
|
|
|
...json,
|
|
|
};
|
|
|
}
|
|
|
public AddFile(file) {
|
|
|
this.files.push(file);
|
|
|
}
|
|
|
public Clear() {
|
|
|
this.params = {};
|
|
|
}
|
|
|
|
|
|
// 添加url参数
|
|
|
public AddUrlData(url = '') {
|
|
|
let queryString = url;
|
|
|
if (!url) {
|
|
|
queryString = window.location.href.split('?')[1];
|
|
|
if (!queryString) {
|
|
|
return;
|
|
|
}
|
|
|
}
|
|
|
queryString = decodeURI(queryString);
|
|
|
for (const data of queryString.split('&')) {
|
|
|
const [key, val] = data.split('=');
|
|
|
if (!this.validate(key) || !this.validate(val)) {
|
|
|
continue;
|
|
|
}
|
|
|
if (key == 'DoType' || key == 'DoMethod' || key == 'HttpHandlerName') {
|
|
|
continue;
|
|
|
}
|
|
|
this.AddPara(key, decodeURIComponent(val));
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// todo vue中应该是用不到此方法，历史原因保留
|
|
|
// 添加formData
|
|
|
public AddFormData(fData: Record<string, any>) {
|
|
|
const keys = Object.keys(fData);
|
|
|
for (const key of keys) {
|
|
|
this.AddPara(key, fData[key]);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
// 获取url参数, 向外提供？
|
|
|
public getParams() {
|
|
|
const params = JSON.parse(JSON.stringify(this.params));
|
|
|
const keys = Object.keys(params);
|
|
|
const pArr: Array<string> = [];
|
|
|
for (const key of keys) {
|
|
|
let val = params[key];
|
|
|
if (val.includes('<script')) {
|
|
|
val = '';
|
|
|
}
|
|
|
pArr.push(`${key}=${val}`);
|
|
|
}
|
|
|
return pArr.join('&');
|
|
|
}
|
|
|
|
|
|
private paramsToFormData() {
|
|
|
const params = JSON.parse(JSON.stringify(this.params));
|
|
|
const keys = Object.keys(params);
|
|
|
// if (keys.length === 0) return null;
|
|
|
const formData = new FormData();
|
|
|
for (const key of keys) {
|
|
|
formData.append(key, `${params[key]}`);
|
|
|
}
|
|
|
|
|
|
if (this.files.length > 0) {
|
|
|
for (const file of this.files) {
|
|
|
formData.append('file', file);
|
|
|
// console.log(file);
|
|
|
}
|
|
|
}
|
|
|
return formData;
|
|
|
}
|
|
|
|
|
|
// 自定义请求
|
|
|
public CustomRequest<T>(params: Record<string, any>): Promise<T> {
|
|
|
return request.post<null, T>(REQUEST_URL, this.paramsToFormData(), {
|
|
|
params,
|
|
|
});
|
|
|
}
|
|
|
|
|
|
// 这两个方法其实没有差别，因为已经在axios里面判断过了.
|
|
|
public DoMethodReturnString(methodName: string) {
|
|
|
return request.post<null, string>(REQUEST_URL, this.paramsToFormData(), {
|
|
|
params: {
|
|
|
DoType: 'HttpHandler',
|
|
|
DoMethod: methodName,
|
|
|
HttpHandlerName: this.HttpHandlerName,
|
|
|
t: Math.random(),
|
|
|
},
|
|
|
});
|
|
|
}
|
|
|
|
|
|
public DoMethodReturnJson<T = Recordable>(methodName: string) {
|
|
|
// REQUEST_URL 请求地址
|
|
|
// this.paramsToFormData() 通过方法获取参数
|
|
|
// params 实际是拼接在url里面的
|
|
|
return request.post<null, T>(REQUEST_URL, this.paramsToFormData(), {
|
|
|
params: {
|
|
|
DoType: 'HttpHandler',
|
|
|
DoMethod: methodName,
|
|
|
HttpHandlerName: this.HttpHandlerName,
|
|
|
t: Math.random(),
|
|
|
},
|
|
|
});
|
|
|
}
|
|
|
}
|