react中 fetch 的簡單封裝

index.js
//get
export function HttpGet(url){
    var result = fetch(url);
    return result
}
// post 
export function HttpPost(url,data){
    var result = fetch(url,{
      headers:{
            'Accept':'application/json,text/plain, */*',
            "Content-Type":"application/x-www-form-urlencoded"
        },
        body:parmas(data)
  })
  return result
}
function parmas(data){
  var results=' ',item;
   for(item in data){
      results+=`&{item} = {encodeURIComponent(data[item])}`
  }
  if(results){
      results=results.slice(1)//去除?
  }
return results
}
http.js
import { HttpGet,Httppost} from './index'
HttpGet('http://www.baidu.com').then(res=>{
  return res.json()
}).then(data=>{
  console.log(data)
})

Httppost('http://www.baidu.com',{
  name:'lili',
  password:'123',
  id:'id123'
}).then(res=>{
  return res.json()
}).then(data=>{
  console.log(data)
})
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容