新一代的json--fetch
阿新 • • 發佈：2018-12-12
fetch(
"http://jsontest.bceapp.com/hi",
{
mode:"core",
headers:{
Accept: "application/json",
"Content-Type":"application/json"
},
}
body:JSON stringify({username:'xiaoming'})
).then(response=>response.json())
.then(myjson=>{
this.setState({ageEvent:myjson america.name})
})
.catch(error={
alert(error);
})
一些圖片作為解析
1.客戶端訪問伺服器存在跨域問題
2.ajax需要客戶端URL地址新增一個callback 同時服務端響應也需要套一個callback
3.fetch 跨域就需要 mode：‘cors’
4.現階段採用的是es6 fetch語法 請注意，未來的ES2017 語法不一樣
----------------------------------------------------------------------------------------------------------------
5.在移動開發中，前後端通訊技術有4種，
ajax(第一代)
,fetch（新一代）
HttpURLConnection(Java版本，真正意義的)
OKHHTTP （必須掌握）
6.取了資料之後
第一種沒有資料庫：this.setState
第二種有資料庫：