React学习总结-----第四章

第四章 React ajax

4.1 理解

4.1.1 前置说明

1. React本身只关注界面，不包含发送ajax请求的代码
2. 前端应用需要通过ajax请求与后台进行交互
3. 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 文档

1. https://github.github.io/fetch/
2. https://segmentfault.com/a/1190000003810652

 4.4.2 特点

1. fetch：原生函数，不再使用XmlHttpRequest对象提交ajax请求
2. 老版本浏览器可能不支持