wya-fetch

Demo

0.3.0 改写了ajaxFn 调用，默认使用defaultOptions

安装

npm install wya-fetch --save

用法例子

// --- regiserNet.js ---
import { ajaxFn } from 'wya-fetch';
const loadingFn = (msg) => {
	// loading
};
const loadedFn = () => {
	// loaded
};
const otherFn = () => {
	// to do
};
const defaultOptions = {
	// onLoading: loadingFn,
	// onLoaded: loadedFn,
	// onBefore: beforeFn,
	// onAfter: afterFn,
	// onOther: otherFn,
};
const ajax = ajaxFn(defaultOptions);
let net = {
	ajax
};
export default net;

// --- example ---
import net from './regiserNet';
let cancel;
const request = net.ajax({
	url: `http://localhost:3000/api/test`,
	getCancel: cb => cancel = cb
}).then((res) => {
	console.log(res);
}).catch((res) => {
	console.log(res);
});
// cancel();

API

属性 | 说明 | 类型 | 默认值 ---|---|---|--- ajaxFn | 注册函数 | (defaultOptions = {}) => Func | - ajax | ajax函数，请求后可用.cancel()取消请求 | (userOptions = {}) => HotPromise | -

ajax = ajaxFn();

• ajaxFn - 参数说明

属性 | 说明 | 类型 | 默认值 ---|---|---|--- defaultOptions | 可以给下面的userOptions设置些默认值 | obj | -

• ajax - 参数说明 - 属性

属性 | 说明 | 类型 | 默认值 ---|---|---|--- url | 请求地址path | str | - type | 请求类型 | str | GET param | 参数 | obj | - async | 请求是否是异步 | bool | true restful | 是否是restful, 主动提取id字段 | bool | false emptyStr | 是否接收空字符串 | bool | false requestType | form-data、json、form-data:json(POST方式以 data: JSON.stringify(data)传递) | str | form-data tipMsg | 提示框 | str | 加载中... loading | 执行loadingFn和loadedFn | boolean | true localData | 假如数据有缓存，不请求ajax | obj | -

• ajax - 参数说明 - 方法

属性 | 说明 | 类型 | 默认值 ---|---|---|--- onLoading | 请求时回调 | (options, xhr) => void | - onLoaded | 请求完回调，可以把loading移除 | (options, xhr) => void | - onBefore | 在调用前改变options - 拦截options | (options, xhr) => Promise | - onAfter | 在调用后改变response - 拦截response | (response, options, xhr) => Promise | - onOther | status !1或!0，以外的情 | (response, resolve, reject) => void | - onProgress | 上传进度回调 | (e) => void | - getInstance | 获取XHR实例 | (xhr, cancelFn, options) => void | -