gfs-fetch

1.0.6 • Public • Published

gfs-fetch

数据请求模块,可配合gfs-mockgfs-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

Readme

Keywords

Package Sidebar

Install

npm i gfs-fetch

Weekly Downloads

1

Version

1.0.6

License

MIT

Last publish

Collaborators

  • future_team