ReactNative系列之十对Http的Get和Post的简单封装

1.使用

let formData = new FormData();
formData.append("fullname","yeputi1015");
formData.append("email","feixuedefeng@163.com");
formData.append("qq","756312633");
utils.post("http://***此处需要替换***/api/index.php?route=account/register", formData, (response) => {    AlertIOS.alert("" + response.code + ", msg : " + response.message);}, (error) => {    AlertIOS.alert("" + error.code + ", msg : " + error.message);});

2.源码

/**
 * QQ756312633
 */
let Util = {
    /*
     * fetch简单封装
     * url: 请求的URL
     * successCallback: 请求成功回调
     * failCallback: 请求失败回调
     * 
     * */
    get: (url, successCallback, failCallback) => {
        fetch(url)
            .then((response) => response.text())
            .then((responseText) => {
                successCallback(JSON.parse(responseText));
            })
            .catch((err) => {
                failCallback(err);
            });
    },
    gets: (url, successCallback, failCallback) => {
        var request = new XMLHttpRequest();
        request.onreadystatechange = (e) => {
            if (request.readyState !== 4) {
                return;
            }

            if (request.status === 200) {
                 successCallback(JSON.parse(request.responseText))

            } else {
                // console.warn('error');
            }
        };

        request.open('GET',url);
        request.send();
    },
    
    getForPromise:(url) => {
        return new Promise((resolve,reject) => {
            fetch(url)
            .then((response) => response.text())
            .then((responseText) => {
                resolve(JSON.parse(responseText));
            })
             .catch((err) => {
                reject(new Error(err));
                console.warn(err);
            }).done();
        });
    },

    post(url, formData, successCallback, failCallback) {
        fetch(url , {
                method: 'POST',
                headers: {},
                body: formData,}
        ).then((response) => response.text())
            .then((responseText) => {
                successCallback(JSON.parse(responseText));
            })
            .catch((err) => {
                failCallback(err);
            });
    }
}
export default Util;