本文介绍了在 ASP.NET Core MVC 应用中，如何通过 HTML 链接 ( `` 标签) 将数据从视图传递到控制器。我们将演示如何使用 `asp-route-{parameter}` 属性在链接中附加数据，并在控制器操作方法中接收这些数据。通过清晰的代码示例和详细的解释，帮助开发者掌握这一常用的数据传递技巧。
在 ASP.NET Core MVC 应用中，经常需要在用户点击链接时，将一些数据传递到控制器进行处理。 asp-route-{parameter} 标签助手提供了一种简洁的方式来实现这一功能。
使用 asp-route-{parameter} 传递数据
asp-route-{parameter} 属性允许你在 标签中定义路由参数。 {parameter} 部分应该替换为你想要传递的数据的名称。
示例：
假设你有一个名为 question 的模型，并且你想在用户点击链接时传递 question.Questionaire 的值。你可以这样编写代码：
@question.Questionaire
在这个例子中：
- asp-action="ViewOthersProfile" 指定了链接将导航到的控制器操作方法。
- asp-route-myData="@question.Questionaire" 将 question.Questionaire 的值作为名为 myData 的路由参数传递。 @question.Questionaire 使用了 Razor 语法来动态地插入 question 对象的 Questionaire 属性值。
重要提示： asp-route- 后面的名称（例如，myData）将成为路由参数的名称，需要在控制器操作方法中对应使用。
在控制器中接收数据
要在控制器操作方法中接收通过 asp-route-{parameter} 传递的数据，你需要将一个与路由参数名称相同的参数添加到你的操作方法中。
示例：
如果你的链接使用了 asp-route-myData，那么你的控制器操作方法应该如下所示：
[HttpGet]
public ViewResult ViewOtherProfile(string myData)
{
// 可以使用 myData 进行处理
var result = myData + "test2";
return View("OtherProfile");
}在这个例子中：
- [HttpGet] 特性指定该操作方法处理 HTTP GET 请求。
- string myData 参数接收来自 asp-route-myData 的值。ASP.NET Core MVC 会自动将路由参数的值绑定到该参数。
注意事项：
- 参数名称必须与 asp-route- 后面的名称完全匹配（大小写敏感）。
- 参数类型必须与传递的数据类型兼容。 如果传递的是数字，则使用 int、double 等类型。
完整示例
视图 (View):
@model YourNamespace.Models.QuestionModel 查看问卷 (@Model.Title)
模型 (Model):
namespace YourNamespace.Models
{
public class QuestionModel
{
public int Id { get; set; }
public string Title { get; set; }
}
}控制器 (Controller):
using Microsoft.AspNetCore.Mvc;
using YourNamespace.Models;
namespace YourNamespace.Controllers
{
public class HomeController : Controller
{
[HttpGet]
public IActionResult ViewOthersProfile(int questionnaireId)
{
// 使用 questionnaireId 获取问卷信息
// 例如： var question = _context.Questions.Find(questionnaireId);
// 将问卷信息传递给视图
// return View(question);
// 示例: 简单的返回
return Content($"你请求的问卷ID是: {questionnaireId}");
}
}
}总结
使用 asp-route-{parameter} 标签助手是在 ASP.NET Core MVC 中通过链接传递数据的简单而有效的方法。 记住要确保参数名称匹配，并且参数类型与传递的数据类型兼容。 通过这种方式，你可以轻松地将数据从视图传递到控制器，以便进行进一步的处理。
