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

前端之家收集整理的这篇文章主要介绍了ReactJS学习系列课程(React Http网络数据读取)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

自己动手试试吧!

猜你在找的React相关文章