-
Notifications
You must be signed in to change notification settings - Fork 122
/
request.ts
84 lines (79 loc) · 2.34 KB
/
request.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import { IAnyObject, MethodTypes } from '@heimdallr-sdk/types';
import { obj2query } from './base';
/**
* sendBeacon上传
* @param {string} url - 接口地址
* @param {IAnyObject} data - 请求参数
* @return {boolean}
*/
export function beacon(url: string, data: IAnyObject): boolean {
const formData = new FormData();
Object.keys(data).forEach((key) => {
let value = data[key];
if (typeof value !== 'string') {
// formData 只能 append string 或 Blob
value = JSON.stringify(value);
}
formData.append(key, value);
});
return navigator.sendBeacon(url, formData);
}
/**
* xhr方式的 get 上传
* @param {string} url - 接口地址
* @param {IAnyObject} data - 请求参数
* @return {Promise}
*/
export function get(url: string, data: IAnyObject): Promise<any> {
return xhr(MethodTypes.GET, `${url}${url.indexOf('?') === -1 ? '?' : ''}${obj2query(data)}`, '');
}
/**
* xhr方式的 post 上传
* @param {string} url - 接口地址
* @param {IAnyObject} data - 请求参数
* @return {Promise}
*/
export function post(url: string, data: IAnyObject): Promise<any> {
return xhr(MethodTypes.POST, url, obj2query(data));
}
/**
* xhr上传
* @param {string} url - 接口地址
* @param {string} data - 请求参数
* @return {Promise}
*/
export function xhr(method: MethodTypes, url: string, data: any): Promise<any> {
return new Promise((rs, rj) => {
try {
const xhr = new XMLHttpRequest();
xhr.open(method, url);
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
if (method === MethodTypes.POST) {
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send(data);
} else {
xhr.send();
}
xhr.onreadystatechange = () => {
if (xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
rs(JSON.parse(xhr.response));
} else {
new Error(xhr.response);
}
};
} catch (error) {
rj(error);
}
});
}
/**
* 图片方式上传
* @param {string} url - 接口地址
* @param {IAnyObject} data - 请求参数
*/
export function imgRequest(url: string, data: IAnyObject): void {
let img = new Image();
const spliceStr = url.indexOf('?') === -1 ? '?' : '&';
img.src = `${url}${spliceStr}data=${encodeURIComponent(JSON.stringify(data))}`;
img = null;
}