react ajax 兄弟组件之间通讯

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)//发布消息

在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值