477 lines
12 KiB
TypeScript
477 lines
12 KiB
TypeScript
export interface XEAjaxRequest<T> {
|
||
/**
|
||
* 请求地址
|
||
*/
|
||
url?: string;
|
||
/**
|
||
* 基础路径
|
||
*/
|
||
baseURL?: string;
|
||
/**
|
||
* 改变目标源
|
||
*/
|
||
origin?: string;
|
||
/**
|
||
* 请求方法
|
||
*/
|
||
method?: string;
|
||
/**
|
||
* 表单查询参数
|
||
*/
|
||
params?: any;
|
||
/**
|
||
* 提交主体内容
|
||
*/
|
||
body?: any;
|
||
/**
|
||
* 提交主体内容方式，可以设置json-data,form-data
|
||
*/
|
||
bodyType?: string | 'json-data' | 'form-data';
|
||
/**
|
||
* 请求的模式, 可以设置cors,no-cors,same-origin
|
||
*/
|
||
mode?: string;
|
||
/**
|
||
* 处理缓存方式,可以设置default,no-store,no-cache,reload,force-cache,only-if-cached
|
||
*/
|
||
cache?: string;
|
||
/**
|
||
* 设置 cookie 是否随请求一起发送,可以设置: omit,same-origin,include
|
||
*/
|
||
credentials?: string;
|
||
/**
|
||
* 重定向模式, 可以设置follow,error,manual
|
||
*/
|
||
redirect?: string;
|
||
/**
|
||
* 可以设置no-referrer,client或URL
|
||
*/
|
||
referrer?: string;
|
||
/**
|
||
* 可以设置: no-referrer,no-referrer-when-downgrade,origin,origin-when-cross-origin,unsafe-url
|
||
*/
|
||
referrerPolicy?: string;
|
||
/**
|
||
* 选项可用于允许请求超过页面的生存时间
|
||
*/
|
||
keepalive?: string;
|
||
/**
|
||
* integrity
|
||
*/
|
||
integrity?: string;
|
||
/**
|
||
* jsonp入参属性名
|
||
*/
|
||
jsonp?: string;
|
||
/**
|
||
* jsonp响应结果的回调函数名
|
||
*/
|
||
jsonpCallback?: string;
|
||
/**
|
||
* 设置请求超时
|
||
*/
|
||
timeout?: number;
|
||
/**
|
||
* 请求头包含信息
|
||
*/
|
||
headers?: any;
|
||
/**
|
||
* 用于改变URL参数
|
||
*/
|
||
transformParams?: (params: any) => any;
|
||
/**
|
||
* 自定义URL序列化函数
|
||
*/
|
||
paramsSerializer?: (params: any) => string;
|
||
/**
|
||
* 用于改变提交数据
|
||
*/
|
||
transformBody?: (body: any) => any;
|
||
/**
|
||
* 自定义转换提交数据的函数
|
||
*/
|
||
stringifyBody?: (body: any) => any;
|
||
/**
|
||
* 自定义校验请求是否成功
|
||
*/
|
||
validateStatus?: (response: Response) => boolean;
|
||
}
|
||
|
||
export interface XEAjaxResponseSchema<T> {
|
||
/**
|
||
* 响应的数据
|
||
*/
|
||
data: any;
|
||
/**
|
||
* 响应的状态码
|
||
*/
|
||
status: number;
|
||
/**
|
||
* 响应的状态信息
|
||
*/
|
||
statusText: string;
|
||
/**
|
||
* 响应头信息
|
||
*/
|
||
headers: any;
|
||
}
|
||
|
||
export interface XEProgress<T> {
|
||
autoCompute: boolean;
|
||
fixed: number;
|
||
meanSpeed: number;
|
||
onDownloadProgress: (event: Event) => any;
|
||
onUploadProgress: (event: Event) => any;
|
||
value: number;
|
||
total: number;
|
||
loaded: number;
|
||
}
|
||
|
||
export interface XERequestInterceptors {
|
||
/**
|
||
* 请求之前拦截器
|
||
* @param resolve 请求发送之前执行
|
||
*/
|
||
use(
|
||
resolve: (
|
||
/**
|
||
* Request 对象
|
||
*/
|
||
request: XEAjaxRequest<any>,
|
||
/**
|
||
* 继续执行下一个拦截器
|
||
*/
|
||
next: () => void
|
||
) => void
|
||
): void;
|
||
}
|
||
|
||
export interface XEResponseInterceptors {
|
||
/**
|
||
* 响应之后拦截器
|
||
* @param onRejected 请求完成之后执行
|
||
* @param onRejectd 发生错误之后执行
|
||
*/
|
||
use(
|
||
onRejected: (
|
||
/**
|
||
* Response 对象
|
||
*/
|
||
response: Response,
|
||
/**
|
||
* 继续执行下一个拦截器
|
||
*/
|
||
next: (resp?: any) => void,
|
||
request?: XEAjaxRequest<any>
|
||
) => void,
|
||
onRejectd?: (
|
||
/**
|
||
* Error 对象
|
||
*/
|
||
error: TypeError,
|
||
/**
|
||
* 继续执行下一个拦截器
|
||
*/
|
||
next: (resp?: any) => void,
|
||
/**
|
||
* Request 对象
|
||
*/
|
||
request?: XEAjaxRequest<any>
|
||
) => void
|
||
): void;
|
||
}
|
||
|
||
export interface PluginObject<T> {
|
||
install(xAjax: typeof XEAjax): any;
|
||
}
|
||
|
||
export interface XEAjaxMethods {
|
||
version: string;
|
||
/**
|
||
* 安装插件
|
||
* @param plugin 插件
|
||
* @param options 参数
|
||
*/
|
||
use(plugin: PluginObject<any>, ...options: any[]): void;
|
||
|
||
/**
|
||
* 设置全局参数
|
||
* @param options 全局参数
|
||
*/
|
||
setup(options: XEAjaxRequest<any>): void;
|
||
|
||
/**
|
||
* 允许用您自己的实用函数扩展到 XEAjax
|
||
* @param methods 扩展函数集
|
||
*/
|
||
mixin(methods: any): void;
|
||
|
||
/**
|
||
* 将表单序列化为可以在 Ajax 请求中发送到服务器的查询字符串。
|
||
* @param params 表单参数
|
||
*/
|
||
serialize(params: any): string;
|
||
|
||
/**
|
||
* 请求之前、响应之后拦截器
|
||
* @since 3.0.0
|
||
*/
|
||
interceptors: {
|
||
/**
|
||
* 请求之前拦截器
|
||
*/
|
||
request: XERequestInterceptors;
|
||
/**
|
||
* 响应之后拦截器
|
||
*/
|
||
response: XEResponseInterceptors;
|
||
};
|
||
|
||
/**
|
||
* 上传、下载进度监听
|
||
* @since 3.4.9
|
||
*/
|
||
Progress: XEProgress<any>;
|
||
|
||
/**
|
||
* 取消控制器
|
||
* @since 3.2.0
|
||
*/
|
||
AbortController: typeof AbortController;
|
||
|
||
/**
|
||
* @param options 请求参数
|
||
*/
|
||
ajax(options: XEAjaxRequest<any>): Promise<Response>;
|
||
|
||
/**
|
||
* doAll 使用对象参数, 用法和 Promise.all 一致
|
||
* @param iterable 对象数组 或 Promise 数组
|
||
*/
|
||
doAll(iterable: any[]): Promise<any[]>;
|
||
|
||
/**
|
||
* 发送 Jsonp 请求，返回一个结果为 Response 的 Promise 对象
|
||
* @param url 请求地址
|
||
* @param params 表单查询参数
|
||
* @param options 可选参数
|
||
*/
|
||
fetchJsonp(url: string, params?: any, options?: XEAjaxRequest<any>): Promise<Response>;
|
||
|
||
/**
|
||
* 发送 GET 请求，返回一个结果为 Response 的 Promise 对象
|
||
* @param url 请求地址
|
||
* @param params 表单查询参数
|
||
* @param options 可选参数
|
||
*/
|
||
fetchGet(url: string, params?: any, options?: XEAjaxRequest<any>): Promise<Response>;
|
||
|
||
/**
|
||
* 发送 POST 请求，返回一个结果为 Response 的 Promise 对象
|
||
* @param url 请求地址
|
||
* @param body 表单提交参数
|
||
* @param options 可选参数
|
||
*/
|
||
fetchPost(url: string, body?: any, options?: XEAjaxRequest<any>): Promise<Response>;
|
||
|
||
/**
|
||
* 发送 PUT 请求，返回一个结果为 Response 的 Promise 对象
|
||
* @param url 请求地址
|
||
* @param body 表单提交参数
|
||
* @param options 可选参数
|
||
*/
|
||
fetchPut(url: string, body?: any, options?: XEAjaxRequest<any>): Promise<Response>;
|
||
|
||
/**
|
||
* 发送 DELETE 请求，返回一个结果为 Response 的 Promise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
fetchDelete(url: string, options?: XEAjaxRequest<any>): Promise<Response>;
|
||
|
||
/**
|
||
* 发送 PATCH 请求，返回一个结果为 Response 的 Promise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
fetchPatch(url: string, options?: XEAjaxRequest<any>): Promise<Response>;
|
||
|
||
/**
|
||
* 发送 HEAD 请求，返回一个结果为 Response 的 Promise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
fetchHead(url: string, options?: XEAjaxRequest<any>): Promise<Response>;
|
||
|
||
/**
|
||
* 发送请求，返回一个结果为 Response 的 Promise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
fetch(url: string, options?: XEAjaxRequest<any>): Promise<Response>;
|
||
|
||
/**
|
||
* 发送 Jsonp 请求，返回一个包含响应信息的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param params 表单查询参数
|
||
* @param options 可选参数
|
||
* @since 3.4.0
|
||
*/
|
||
doJsonp(url: string, params?: any, options?: XEAjaxRequest<any>): Promise<XEAjaxResponseSchema<any>>;
|
||
|
||
/**
|
||
* 发送 GET 请求，返回一个包含响应信息的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param params 表单查询参数
|
||
* @param options 可选参数
|
||
* @since 3.4.0
|
||
*/
|
||
doGet(url: string, params?: any, options?: XEAjaxRequest<any>): Promise<XEAjaxResponseSchema<any>>;
|
||
|
||
/**
|
||
* 发送 POST 请求，返回一个包含响应信息的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param body 表单提交参数
|
||
* @param options 可选参数
|
||
* @since 3.4.0
|
||
*/
|
||
doPost(url: string, body?: any, options?: XEAjaxRequest<any>): Promise<XEAjaxResponseSchema<any>>;
|
||
|
||
/**
|
||
* 发送 PUT 请求，返回一个包含响应信息的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param body 表单提交参数
|
||
* @param options 可选参数
|
||
* @since 3.4.0
|
||
*/
|
||
doPut(url: string, body?: any, options?: XEAjaxRequest<any>): Promise<XEAjaxResponseSchema<any>>;
|
||
|
||
/**
|
||
* 发送 DELETE 请求，返回一个包含响应信息的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
* @since 3.4.0
|
||
*/
|
||
doDelete(url: string, options?: XEAjaxRequest<any>): Promise<XEAjaxResponseSchema<any>>;
|
||
|
||
/**
|
||
* 发送 PATCH 请求，返回一个包含响应信息的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
* @since 3.4.0
|
||
*/
|
||
doPatch(url: string, options?: XEAjaxRequest<any>): Promise<XEAjaxResponseSchema<any>>;
|
||
|
||
/**
|
||
* 发送 HEAD 请求，返回一个包含响应信息的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
* @since 3.4.0
|
||
*/
|
||
doHead(url: string, options?: XEAjaxRequest<any>): Promise<XEAjaxResponseSchema<any>>;
|
||
|
||
/**
|
||
* 发送 Jsonp 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param params 表单查询参数
|
||
* @param options 可选参数
|
||
*/
|
||
jsonp(url: string, params?: any, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 GET 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param params 表单查询参数
|
||
* @param options 可选参数
|
||
*/
|
||
getJSON(url: string, params?: any, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 POST 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param body 表单提交参数
|
||
* @param options 可选参数
|
||
*/
|
||
postJSON(url: string, body?: any, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 PUT 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param body 表单提交参数
|
||
* @param options 可选参数
|
||
*/
|
||
putJSON(url: string, body?: any, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 DELETE 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
deleteJSON(url: string, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 PATCH 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
patchJSON(url: string, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 HEAD 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
headJSON(url: string, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 GET 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param params 表单查询参数
|
||
* @param options 可选参数
|
||
*/
|
||
get(url: string, params?: any, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 POST 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param body 表单提交参数
|
||
* @param options 可选参数
|
||
*/
|
||
post(url: string, body?: any, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 PUT 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param body 表单提交参数
|
||
* @param options 可选参数
|
||
*/
|
||
put(url: string, body?: any, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 DELETE 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
delete(url: string, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 PATCH 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
patch(url: string, options?: XEAjaxRequest<any>): Promise<any>;
|
||
|
||
/**
|
||
* 发送 HEAD 请求，返回响应结果为 JSON 的 Peomise 对象
|
||
* @param url 请求地址
|
||
* @param options 可选参数
|
||
*/
|
||
head(url: string, options?: XEAjaxRequest<any>): Promise<any>;
|
||
}
|
||
|
||
/**
|
||
* 异步请求库，用于浏览器和 node.js 的 HTTP 客户端
|
||
*/
|
||
declare var XEAjax: XEAjaxMethods;
|
||
|
||
export default XEAjax; |