fetch網(wǎng)絡(luò)請求

1. 問題：服務(wù)端返回沒有對應(yīng)的參數(shù)
2. 搜索：《React-Native系列》31、 Fetch發(fā)送POST請求的坑與解決方案
3. 處理：按照上面使用FormData，失敗

  static login(username,password,successCallback,failCallback){
      let params = new FormData();
      params.append("loginNo",username);
      params.append("password",md5(password));
      HttpUtils.post("http://.../login",params,successCallback,failCallback);
  }

4. 處理：使用postman測試，運(yùn)行正常，但是設(shè)置了Content-Type=application/json
5. 處理：header設(shè)置content-type，新問題
6. 問題：multipart != application/json
7. 搜索：https://stackoverflow.com/questions/39351026/multipart-application-json-fetch-post-error-on-android-react-native
8. 處理：修改'Content-Type': 'multipart/form-data'，問題
9. 問題：服務(wù)端返回沒有對應(yīng)的參數(shù)（同問題1）
10. 處理：在回去用postman測試，發(fā)現(xiàn)使用form-data不行，用raw可行

image.png

  static login(username,password,successCallback,failCallback){
      let params = {
          "loginNo":username,
          "password":md5(password)
      };
      HttpUtils.post("http://.../login",params,successCallback,failCallback);
  }

  static post(url,params,successCallback,failCallback){
    fetch(url,{
      method:'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body:JSON.stringify(params)
    })
      .then((response)=>response.json())
      .then((responseData)=>{
        successCallback(responseData);
      })
      .catch(function(err){
        failCallback(err)
      });
  }