在 React 如何实现AJAX 请求？实现 AJAX请求的方案！

jQuery 的 $.ajax有学习过前端的小伙伴都知道在前端框架 react 是如今比较受欢迎的，而且是比较好用的一款前端框架，那么今天我们就来说说有关于 “在 React 如何实现AJAX 请求？”这个问题，那么下面是小编整理的相关内容，希望可以帮助到大家。

---

方法一：jQuery $.ajax

这个方法是比较快而且还粗暴的方法，在旧的官方 React 教程中，他们使用了 jQuery $.ajax 来示范如何从服务器获取数据，我们来看看有关于实现 Ajax 的例子，代码如下所示：

loadCommentsFromServer: function() {
    $.ajax({
        url: this.props.url,
        dataType: 'json',
        cache: false,
        success: function(data) {
            this.setState({data: data});   // 注意这里
        }.bind(this),
        error: function(xhr, status, err) {
            console.error(this.props.url, status, err.toString());
        }.bind(this)
    });
}

 在代码中演示了如何在一个组件中使用 jQuery 的 $.ajax，而且在代码中我们的回调函数用的是  this.setState() ；即当 jQuery 成功收到数据之后应该如何通过 React 的 API 更新 state 的。

---

方法二：Fetch API 

对于这个方法来说