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

  第二种有数据库:

posted on 2018-12-12 10:31  罗晓杜-博客园  阅读(456)  评论(0编辑  收藏  举报