第四章 React ajax
4.1 理解
4.1.1 前置说明
- React本身只关注界面,不包含发送ajax请求的代码
- 前端应用需要通过ajax请求与后台进行交互
- react应用中需要集成第三方ajax库
4.1.2 常用的ajax库
1.jQuery :比较重,如果需要另外引入不建议使用
2.axios :轻量级,建议使用
1> 封装XmlHttpRequest对象的ajax
2> promise风格
3> 可以在浏览器端和node服务器端
4.2 axios
4.2.1 文档
https://github.com/axios/axios
4.3 消息订阅-发布机制
1. 工具库:PubSubJS
2. 下载 npm i pubsub-js --save
3.使用:
1> import PubSub from 'pubsub-js'
2> PubSub.subscribe('delete',function(data){});
3> PubSub.publish('delete',data)
4.4 扩展:Fetch
4.4.1 文档
4.4.2 特点
- fetch:原生函数,不再使用XmlHttpRequest对象提交ajax请求
- 老版本浏览器可能不支持