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)
	})