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;