.NET MVC JavaScript 函数调用链接

在使用 .NET MVC 构建 web 应用时经常需要在页面中使用 JavaScript，而有时候需要在 JavaScript 中调用后台 .NET MVC 的 Action。本文介绍如何在 JavaScript 中调用 .NET MVC Action，使用链接进行传参。

代码实现

.NET MVC Action

首先，我们需要在 .NET MVC 中创建一个需要被 JavaScript 调用的 Action，例如以下代码：

public ActionResult TestAction(string name)
{
    return Content($"Hello, {name}!");
}

该 Action 接收一个名为 name 的字符串参数，返回一个包含该参数的问候语。

JavaScript 函数

接下来，在 JavaScript 中编写调用该 Action 的函数：

function callMVCAction(name) {
    var url = '@Url.Action("TestAction", "Home")';

    url = url + "?name=" + name;

    window.location.href = url;
}

该函数接收一个名为 name 的字符串参数，先通过 Razor 代码生成一个对应的 URL，再将该参数拼接到 URL 后面，最后调用 window.location.href 进行页面跳转。

页面链接

最后，我们就可以在 HTML 中创建一个链接来调用该 JavaScript 函数了：

<a href="#" onclick="callMVCAction('world')">Say Hello to World</a>

该链接的文本为“Say Hello to World”，点击时会调用 callMVCAction 函数，并传入参数 "world"。

结论

本文介绍了如何在 JavaScript 中调用 .NET MVC Action，并使用链接进行传参。当需要在 JavaScript 中与后台交互时，可以依照本文方法进行实现。