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()
}

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

自己动手试试吧！