React-Native Fetch使用Promise封裝(一)

項目中封裝Fetch的方法

/** 
 *2017/04/23 dongtao
 * 基於 fetch 封裝的 GET請求 
 * @param url 
 * @param params {} 
 * @param headers 
 * @returns {Promise} 
 */  
var HTTPUtil = {};  
 
HTTPUtil.get = function(url, params, headers) {  
    if (params) {  
        let paramsArray = [];  
        //encodeURIComponent  
        Object.keys(params).forEach(key => paramsArray.push(key + '=' + params[key]))  
        if (url.search(/\?/) === -1) {  
            url += '?' + paramsArray.join('&')  
        } else {  
            url += '&' + paramsArray.join('&')  
        }  
    }  
    return new Promise(function (resolve, reject) {  
      fetch(url, {  
            method: 'GET',  
            headers: headers,  
          })  
          .then((response) => {  
              if (response.ok) {  
                  return response.json();  
              } else {  
                  reject({status:response.status})  
              }  
          })  
          .then((response) => {  
              resolve(response);  
          })  
          .catch((err)=> {  
            reject({status:-1});  
          })  
    })  
}  
 
 
/** 
 * 基於 fetch 封裝的 POST請求  FormData 表單數據 
 * @param url 
 * @param formData   
 * @param headers 
 * @returns {Promise} 
 */  
HTTPUtil.post = function(url, formData, headers) {  
    return new Promise(function (resolve, reject) {  
      fetch(url, {  
            method: 'POST',  
            headers: headers,  
            body:formData,  
          })  
          .then((response) => {  
              if (response.ok) {  
                  return response.json();  
              } else {  
                  reject({status:response.status})  
              }  
          })  
          .then((response) => {  
              resolve(response);  
          })  
          .catch((err)=> {  
            reject({status:-1});  
          })  
    })  
}  

使用

let formData = new FormData();  
formData.append("id",1060);  
 
HTTPUtil.post(url,formData,headers).then((json) => {  
    //處理 請求success  
    if(json.code === 0 ){  
            //我們假設業務定義code為0時，數據正常  
        }else{  
             //處理自定義異常  
            this.doException(json);  
        }  
   },(json)=>{  
     //TODO 處理請求fail