4.1.1 前置说明
1.react本身只关注于界面,并不包含发送ajax请求的代码.
2.前端应用需要通过ajax请求与后台进行交互(json数据)
3.react应用中需要集成第三方ajax库(或者自己封装)
4.1.2 常用的ajax请求库
1,jQuery 比较重,如果需要另外引入不建议使用
2.axios:轻量级 建议使用
1)封装XmlHttpRequest对象的ajax
2)promise风格
3)可以用在浏览器端和node服务器端
4.2 axios 使用
axios.get('user?ID=123').then(data => {
console.log(data);
})
axios.get('/user', {
params: {
ID: 123
}
}).then(data => {
console.log(data);
})
axios.post('/user', {
name: '123123',
age: 123123
}).then(data => {
console.log(data);
})
**fetch 函数也可请求后端 但是这个是先返回一个成功或者失败 然后再请求数据 **
4.4 兄弟之间通讯 消息订阅-发布机制
1.工具库PubSubJS.
2.下载 npm install pubsub-js --save
3.使用:
1)import PubSub from'pubsub-js'
2) PubSub.subscribe('delete',function(msg,data){ }) //订阅消息
3)PubSub.publish('delete',data)//发布消息