npm.io
1.0.6 • Published 9 years ago

gfs-fetch

Licence
MIT
Version
1.0.6
Deps
8
Vulns
0
Weekly
0
Stars
1

gfs-fetch

数据请求模块,可配合gfs-mock 或 gfs-loadingbar组合使用,也可以根据具体需求自己实现;

安装


	npm install gfs-fetch --save
	

使用


	import fetch,{Fetch} from 'gfs-fetch';
	
	let f = new Fetch([mock][,loadingbar]);
	f.run('/mocks/ajax.jsons'[,options]).then((data)=>{
    	
    },function(ex){
        root.innerHTML = `<font color="red">${ex.responseText}</font>`;
    });

	//or
	fetch.addLoadingBar([loadingbar]); // 添加加载状态功能
	fetch.addMock([mock]); //添加路由功能
	fetch.run('/mocks/ajax.jsons'[,options]).then((data)=>{
    	
    },function(ex){
        root.innerHTML = `<font color="red">${ex.responseText}</font>`;
    });

Options 参数

dataType {string} 数据返回类型 默认为json asyn {boolean} 是否为异步请求,默认为true method {string} 数据请求方式,默认为GET,可选值有:POST、GET、OPTION、DEL、PUT timeout {number} 请求超时时间,可选填 credentials {object} 跨域是是否要包含cookie值,可选值:include success {function} 请求成功回调,必须 error {function} 请求失败回调,可选 header {object} 包含的请求头,可选 body {object} 需要传递给服务端的属性字段值,可选 cache {boolean} 请求数据是否缓存

整合mock 和 loadingbar

  • mock: 需实现getUrl(url:string):string方法,包装本地url并返回
  • loadingbar: 需实现run() 和 end(),loadingbar的开始和结束

Command

	#测试	
	npm run test	
	#打包	
	npm run build	
	#例子演示	
	npm start

Keywords