npm:native-cmos-fetch

README

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

Usage no npm install needed!

README

Fetch API