如何在Reactjs中向Node.js RESTful API发出POST请求

Question

我有使用nodejs和express构建的后端nodejs API，也有基于Reactjs构建的前端，我试图创建一个登录页面。 我的想法是在Reactjs向Nodejs API发出POST请求，包括用户名和密码，然后后端将检查请求信息是否正确将返回令牌，否则将返回失败消息。 但是我不知道哪种是在reactjs发出POST请求的正确方法。 我是否只使用$.ajax() ？ 我试图避免使用jquery因为我认为有很多方法可以做同样的事情。 提前致谢。

Answer 1

如果您不想使用第三方库，则可以使用fetch 。

在这里查看有关如何在react中使用fetch的不错的文章。

Answer 2

使用axios 。 无需使用jquery 。

axios.post("http://api/login", { options }).then(res => ...).catch(err => ...)

选项将是： { username: username, password: password ...etc }

我对fetch喜欢是，您可以定义一个baseurl （而不是为每个AJAX请求axios写http://localhost:5000/api/... ），而axios自动处理JSON 。

Answer 3

您应该将axios.js与saga.js框架一起使用。

 // Send a POST request axios({ method: 'post', url: '/user/12345', data: { firstName: 'Fred', lastName: 'Flintstone' } }); 

Answer 4

只需实现这一目标

function submitRequest(opts) {
      console.log('Posting request to your API...');
      fetch('http://your_url', {
        method: 'post',
        body: JSON.stringify(opts)
      }).then(function(response) {
        return response.json();
      }).then(function(data) {
       console.log(':', data);
      });
    }