时间戳

首页 > 解决方案 > 将数据从 React 组件传递到 MVC 控制器

javascript - 将数据从 React 组件传递到 MVC 控制器

问题描述

我正在尝试将我在 React 组件中作为输入收集的数据传递给 MVC 模型中的 C# 控制器。我没有运气搜索这个，并尝试使用post，axios和react-router方法无济于事。除非我做错了，否则所有这些方法似乎都卡在视图中并且找不到控制器

我正在尝试将数据返回到 C# 控制器以加载一个新页面，其中的信息取决于输入。我在下面发布了我的 React 组件的伪代码。

反应网页

function GetInput()
{
  var inputVals = ["a", "b", "c"];
  function SendData(valuesToSend)
  {
    //How do I send data?
    loadPageBasedOnInput(valuesToSend);
  }
  return (
    <Button onclick={sendData}>Submit</Button>
  );
}

C# 控制器

public static ActionResult loadPageBasedOnInput(string[] inputs)
{
  data = doStuff(inputs);
  return data;

}

标签： javascriptc#reactjs

解决方案

我解决了这个问题。因为页面是从当前控制器中调用的，所以我们可以与它进行交互，就好像它是我们的当前目录一样。因此，我们可以简单地通过如下方式调用当前控制器中的任何其他函数：

$.post("./function_in_current_controller", data_to_pass_to_function)

我还了解到，如果你想调用位于不同控制器中的函数，你可以这样调用它：

$.post("../different_controller/function", data_to_send)

推荐阅读