首页 > 解决方案 > 如何通过 AJAX 将 Web API 连接到反应项目?

问题描述

我在一个解决方案文件中有两个项目,其中一个是反应项目,另一个是 webAPI 项目。我通过 URL 访问控制器验证了 webAPI 是否有效。我现在唯一的问题是从 React 项目访问 webAPI 项目。我知道两者都必须在单独的实例中运行才能使其工作,我只是不确定在我的 AJAX 代码中放入什么来调用 webAPI。

标签: c#asp.net-mvcreactjsrestasp.net-web-api

解决方案


我建议你使用axios库,它非常适合用于 ReactJs 应用程序。这是官方的 npm 库,您还可以查看其文档:https ://www.npmjs.com/package/axios

您可以像这样简单地提出请求:

// Make a request for a user with a given ID
axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

// Optionally the request above could also be done as
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

post如果需要,您可以查看其有关如何制作delete和其他请求和使用配置的文档。


推荐阅读