ReactJS学习系列课程(React Http网络数据读取)
2016-06-25 13:26
459 查看
我学习过很多HTML5前端框架,比如AnguarJS, VUE.js Durandal, Avalon, Jquey, SAPUI5等等,对于任何一款框架都有自己的网络请求方案。
Jquery: $.get()
Anguar: $http
SAPUI5: 这个就更多了,比如XMLModel JSONModel ODataModel.
那个React该如何去请求网络数据呢,在这里要说明一个,React并没有一个自己的Component处理网络请求,对此我们可以引用任何一款框架,比如我们可以用Jquery ,是完全可以的。
但我建议大家使用Javascript的方法去做,来看一段代码:
大家是不是很熟悉呢,哈哈,这个简介的方法即可解决我们的困扰了,我个人推荐大家这样使用。
自己动手试试吧!
Jquery: $.get()
Anguar: $http
SAPUI5: 这个就更多了,比如XMLModel JSONModel ODataModel.
那个React该如何去请求网络数据呢,在这里要说明一个,React并没有一个自己的Component处理网络请求,对此我们可以引用任何一款框架,比如我们可以用Jquery ,是完全可以的。
但我建议大家使用Javascript的方法去做,来看一段代码:
function postJSON(url, obj, cb) { const req = new XMLHttpRequest() req.onload = function () { cb(JSON.parse(req.response)) } req.open('POST', url) req.setRequestHeader('Content-Type', 'application/json;charset=UTF-8') req.setRequestHeader('authorization', localStorage.token) req.send(JSON.stringify(obj)) } function deleteJSON(url, cb) { const req = new XMLHttpRequest() req.onload = cb req.open('DELETE', url) req.setRequestHeader('authorization', localStorage.token) req.send() }
大家是不是很熟悉呢,哈哈,这个简介的方法即可解决我们的困扰了,我个人推荐大家这样使用。
自己动手试试吧!
相关文章推荐
- Linux学习之网络命令
- 第17章 网络编程
- [android] 网络链接类型和渠道
- 网络状态判断工具类
- Tomcat服务器常用配置和HTTP简介
- TCP粘包
- Http协议详解
- HTTP协议
- android http网络编程
- RxJava+retrofit2实现网络请求
- HTTPS 科普扫盲
- TCP和ip的那些事儿~~~
- TCP(HTTP)长连接和短连接区别和怎样维护长连接
- php://input,$_POST,$HTTP_RAW_POST_DATA区别
- Sofia-SIP辅助文档二十 - Sofia SIP用户代理库 - "http" - HTTP解析模块
- Sofia-SIP辅助文档十九 - Sofia SIP用户代理库 - "nth" - HTTP事务模块
- 使用C#开发HTTP服务器系列之Hello World
- http请求资源下载还是打开显示
- 关于TCP传输速率的测量方法
- Jmeter压力测试(简单的http请求)-实例