通过ASP.NET Core的href链接从视图向控制器传递数据

本文旨在讲解如何在ASP.NET Core MVC应用程序中，通过``标签（href链接）将数据从视图传递到控制器。我们将详细介绍如何使用`asp-route-{parameterName}`属性以及如何在控制器中接收这些数据，并提供清晰的代码示例，帮助开发者轻松实现数据传递。

在ASP.NET Core MVC中，通过链接 (<a> 标签) 将数据从视图传递到控制器是一个常见的需求。 asp-route-{parameterName} 属性提供了一种简洁而强大的方式来实现这一目标。 本文将详细介绍如何使用此属性以及如何在控制器中接收传递的数据。

使用 asp-route-{parameterName} 属性

asp-route-{parameterName} 属性允许你将数据作为路由参数添加到链接的URL中。 {parameterName} 部分可以替换为你想要的任何名称，这个名称将对应于控制器方法中的参数名称。

示例：

假设你有一个名为 question 的对象，并且你想将 Questionaire 属性的值传递给 ViewOthersProfile 操作方法。 你可以使用以下代码：

<a asp-action="ViewOthersProfile" asp-route-questionaire="@question.Questionaire">@question.Questionaire</a>

在这个例子中，asp-route-questionaire 将 question.Questionaire 的值作为名为 questionaire 的路由参数添加到链接的URL中。 生成的URL可能类似于：/ViewOthersProfile?questionaire=SomeValue。

注意： asp-route-* 属性会自动进行 URL 编码，因此你无需手动对数据进行编码。

在控制器中接收数据

要在控制器中接收通过 asp-route-{parameterName} 传递的数据，你需要在相应的操作方法中定义一个与路由参数名称匹配的参数。

示例：

[HttpGet]
public ViewResult ViewOtherProfile(string questionaire)
{
  // 现在你可以在这里使用 questionaire 变量
  string result = "Questionaire: " + questionaire;
  ViewBag.Result = result;
  return View("OtherProfile");
}

在这个例子中，ViewOtherProfile 方法接收一个名为 questionaire 的字符串参数。 ASP.NET Core MVC 会自动将 URL 中的 questionaire 路由参数的值绑定到此参数。 现在，你可以在方法中使用 questionaire 变量来执行任何需要的操作。

通义视频

通义万相AI视频生成工具

70

查看详情

重要事项：

• 参数名称必须匹配： 控制器方法中的参数名称必须与 asp-route-{parameterName} 属性中的 {parameterName} 部分完全匹配（大小写敏感）。
• HTTP 方法： 确保使用正确的 HTTP 方法（例如 HttpGet）来处理请求。 通常，通过链接传递数据使用 HttpGet 方法。
• 数据类型： 控制器方法中的参数的数据类型应与传递的数据类型兼容。 如果传递的是数字，则可以使用 int、double 等数据类型。 如果传递的是日期，则可以使用 DateTime 数据类型。 ASP.NET Core MVC 会尝试自动进行类型转换。

完整示例

以下是一个完整的示例，演示如何通过链接将数据从视图传递到控制器：

视图 (例如：Index.cshtml)：

@model MyViewModel

<ul>
    @foreach (var question in Model.Questions)
    {
        <li>
            <a asp-action="ViewOthersProfile" asp-route-questionaire="@question.Questionaire">@question.Questionaire</a>
        </li>
    }
</ul>

模型 (例如：MyViewModel.cs)：

public class MyViewModel
{
    public List<Question> Questions { get; set; }
}

public class Question
{
    public string Questionaire { get; set; }
}

控制器 (例如：HomeController.cs)：

using Microsoft.AspNetCore.Mvc;
using System.Collections.Generic;

public class HomeController : Controller
{
    public IActionResult Index()
    {
        var model = new MyViewModel
        {
            Questions = new List<Question>
            {
                new Question { Questionaire = "Question 1" },
                new Question { Questionaire = "Question 2" }
            }
        };
        return View(model);
    }

    [HttpGet]
    public IActionResult ViewOtherProfile(string questionaire)
    {
        ViewBag.Questionaire = questionaire;
        return View("OtherProfile"); // 创建一个名为 OtherProfile 的视图
    }
}

OtherProfile 视图 (例如：OtherProfile.cshtml)：

<h1>Other Profile</h1>
<p>Questionaire: @ViewBag.Questionaire</p>

在这个示例中，Index 视图循环遍历 Questions 列表，并为每个问题创建一个链接。 当用户单击链接时，Questionaire 属性的值将作为路由参数传递给 ViewOtherProfile 操作方法。 ViewOtherProfile 方法接收 questionaire 参数，并将其传递给 OtherProfile 视图，最终显示在页面上。

总结

asp-route-{parameterName} 属性是ASP.NET Core MVC中一种方便且强大的方式，用于通过链接将数据从视图传递到控制器。 通过正确使用此属性和在控制器中定义匹配的参数，你可以轻松地在应用程序的不同部分之间传递数据。 请记住，参数名称必须匹配，并且使用正确的 HTTP 方法。 通过遵循这些准则，你可以避免常见错误并确保数据正确传递。

以上就是通过ASP.NET Core的href链接从视图向控制器传递数据的详细内容，更多请关注php中文网其它相关文章！