新一代的jsonfetch 罗晓杜

fetch(
"http://jsontest.bceapp.com/hi",
{

method:"POST",
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

　　第二种有数据库：