ReactNative 网络请求

 

网络请求接口

1、首先准备个接口，请求参数为

methodName：接口方法名

version：接口版本号

count：取多少条

2、返回的Json样式一般为

{
    "code": 0,
    "msg": "success",
    "version": "1.0",
    "data": {
    }
}

{
    "code": 0,
    "msg": "success",
    "version": "1.0",
    "data": [{"a"},{"b"}]
}

 

 请求代码

import {
        Alert,
    } from 'react-native';
//这里定义接口请求的域名
const BASE_URL =  'http://域名/api/';
/**
 *  method 请求接口名
 *  params 请求参数数据对象
 */
const xhr = (method,params) => {
    params['method'] = method;
      //基本参数version，还可以放些其他的基本参数
    params['version'] = '1.0';
      //结合Promise来使用，可以异步处理，无需再写cb；并且可以结合ES6,的then链式调用，使用方便
    return new Promise((resolve,reject) => {
        fetch(BASE_URL,{
            method:'POST',//定义请求方式，POST、GET、PUT等
            headers:{
                'Accept': 'application/json', // 提交参数的数据方式,这里以json的形式
                'Content-Type': 'application/json',
            },
            body:JSON.stringify(params)//提交的参数
        })
        .then((response) => response.json())//数据解析的方式，json解析
        .then((responseJson) => {
            var code = responseJson.code;//返回直接映射完的数据，可以直接使用
            switch(code){//做一些简单的处理
                case 0 : {
                    resolve(responseJson)
                    break;
                };
                case 10001 : {
                    Alert.alert('提示','登录过期或在其他设备登录，是否重新登录',
                        [