如何在reactjs

Question

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

Answer 1

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

查看here不错的文章，了解如何在反应中使用提取。

Answer 2

使用axios。无需使用jquery。

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

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

我对fetch的满意之处在于，您可以定义一个baseurl（而不是为每个http://localhost:5000/api/...请求一遍又一遍地写AJAX）和{{1 }}自动处理axios。

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