0.0.3 • Published 4 years ago
native-cmos-fetch v0.0.3
Fetch API
- 描述
Fetch API是基于fetch封装的公共组件,适用于react-native
- 安装
npm install native-cmos-fetch --save-dev
参数 | 类型 | 说明 |
---|---|---|
postJSON | string或object | post方式请求,返回json |
getJSON | string | get方式请求,返回json |
postHTML | string或object | post方式请求,返回原文本 |
getHTML | string或object | get方式请求,返回原文本 |
getIMG | url | 返回图片二进制流 |
- 使用说明
- 引入native-cmos-fetch包
>import Fetch from 'native-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 'native-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 'native-cmos-fetch';
Fetch.postJSON('./test.json').then(function(res){
console.log(res);
},function(err){
alert(err)
})
- 示例3 (使用catch 捕捉异常)
import Fetch from 'native-cmos-fetch';
Fetch.postJSON('./test.json').then(function(res){
console.log(res);
}).catch(function(err){
console.log(err)
})
- 示例4 (请求一个图片路径)
import Fetch from 'native-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)
})