我学习过很多HTML5前端框架,比如AnguarJS,VUE.js Durandal,Avalon,Jquey,SAPUI5等等,对于任何一款框架都有自己的网络请求方案。
- 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()
}
大家是不是很熟悉呢,哈哈,这个简介的方法即可解决我们的困扰了,我个人推荐大家这样使用。
自己动手试试吧!
原文链接:https://www.f2er.com/react/306550.html