0.0.2 • Published 7 years ago
react-cmos-fetch v0.0.2
Fetch API
- 描述
Fetch API是基于fetch二次封装,支持safiri、chorome、firefox、ie8+、uc、wechat browser等;支持fetch对象的浏览器使用fetch请求,而不支持fetch对象的浏览器底层使用XHR实现并返回Promise
- 安装
npm install react-cmos-fetch --save-dev
- 使用说明
- 引入react-cmos-fetch包
import Fetch from 'react-cmos-fetch'
- postJSON请求方法(post方式请求并返回JSON对象)
Fetch.postJSON(params)
- getJSON请求方法(get方式请求并返回JSON对象)
Fetch.getSON(params)
- postHTML请求方法(post方式请求并返回HTML/TEXT)
Fetch.postHTML(params)
- getHTML请求方法(get方式请求并返回HTML/TEXT)
Fetch.getHTML(params)
- getIMG请求方法(返回一个blob二进制流)
Fetch.getIMG(params)
- Fetch(params)参数说明
- params
params可以是单独的一个URL字符串,也可以是一个{},Object类型的入参方式,可以在{}模式中传入headers参数改变headers; get请求只支持urlParams传参)
- 返回参数
- Fetch()函数将返回一个promise对象
Fetch(url,params).then(function(json){ console.log(json) }) 或者: var res = Fetch(url,params); res.then(function(json){ console.log(json) })
- 用then()方法处理回调,catch()处理接口异常操作;
- 示例1 (入参传入对象支持传入Headers,自定义头部)
import Fetch from 'react-cmos-fetch';
let headers = new Headers();
headers.append('Accept', '*/*');
Fetch.postJSON({url:'./test.json',body:'a=1&b=2',headers:headers}).then(function(res){
console.log(res);
},function(err){
alert(err)
})
- 示例2 (入参传入url字符串)
import Fetch from 'react-cmos-fetch';
Fetch.postJSON('./test.json').then(function(res){
console.log(res);
},function(err){
alert(err)
})
- 示例3 (使用catch 捕捉异常)
import Fetch from 'react-cmos-fetch';
Fetch.postJSON('./test.json').then(function(res){
console.log(res);
}).catch(function(err){
console.log(err)
})
- 示例4 (请求一个图片路径)
import Fetch from 'react-cmos-fetch';
Fetch.postJSON('./phone.png').then(function(res){
console.log(res);
var imgSrc = URL.createObjectURL(res);
console.log(imgSrc);
}).catch(function(err){
console.log(err)
})
v0.0.4版本修复以下内容
* 入参 传入object或者url字符串
* 新增 postHTML/getHTML/getIMG方法 分别可返回文本和图片
* 新增异常处理(URL参数不传或者传空则抛出异常)
* timeout 测试
0.0.2
7 years ago