react-fetch資料傳送請求

旭i丿發表於2018-08-23
React

在一個專案中，資料的請求傳送資料是最為重要的，不可能我們的資料都是自己進行編寫的

在react中官方推薦使用的方法是fetch。當然它裡面也可以使用vue中的axios請求資料，jQuery的$.ajax 以及元素ajax

下面重點說一下fetch

get方法非常簡單，

1 componentDidMount() {
2         fetch(`http://127.0.0.1:8100/getAaa`)
3             .then(res=>res.json())
4             .then(json=>this.setState({list: json}))
5 }

post方法相對於get有點複雜，

 1 add() {
 2         fetch(`http://127.0.0.1:8100/getDel`,{
 3             method:`post`,//改成post
 4             mode: `cors`,//跨域
 5             headers: {//請求頭
 6                 `Content-Type`: `application/x-www-form-urlencoded`
 7             },
 8             body:"..."//向伺服器傳送的資料
 9         })
10             .then(res=>res.json())
11             .then(json=>{console.log(json)})
12 }

以上就是關於react fetch兩種使用方法

有什麼不足的或者不對的歡迎大家指出

相關文章