ReactJS学习系列课程(React Http网络数据读取)

x33g5p2x  于2022-03-06 转载在 其他  
字(0.8k)|赞(0)|评价(0)|浏览(317)

我学习过很多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()
}

大家是不是很熟悉呢,哈哈,这个简介的方法即可解决我们的困扰了,我个人推荐大家这样使用。

自己动手试试吧!

相关文章