单击按钮时如何重定向用户？

Question

我有一个带有按钮的视图。当用户单击按钮时，我希望他们重定向到数据输入视图。我该如何实现这个目标？我应该提到的是，视图已经创建、测试并运行。我可以通过输入网址来找到它们。

我寻找了解释如何连接按钮的 onclick 事件的步骤，但我是 MVC 新手，此时有点迷失。

谢谢！

Answer 1

这取决于您所说的按钮的含义。如果它是一个链接：

<%= Html.ActionLink("some text", "actionName", "controllerName") %>

为了发布，您可以使用一个表单：

<% using(Html.BeginForm("actionName", "controllerName")) { %>
    <input type="submit" value="Some text" />
<% } %>

最后，如果您有一个按钮：

<input type="button" value="Some text" onclick="window.location.href='<%= Url.Action("actionName", "controllerName") %>';" />

Answer 2

作为对其他答案的补充，这里是剃刀引擎语法：

<input type="button" value="Some text" onclick="@("window.location.href='" + @Url.Action("actionName", "controllerName") + "'");" />

或

window.location.href = '@Url.Action("actionName", "controllerName")';

Answer 3

如果您像我一样不喜欢依赖 JavaScript 来获取按钮上的链接。您还可以使用锚点并使用 CSS 设计其样式，就像按钮一样。

<a href="/Controller/View" class="Button">Text</a>

Answer 4

如果使用 JQuery，你可以这样做：

<script type="text/javascript">
    $('#buttonid').click(function () {
        document.location = '@Url.Action("ActionName","ControllerName")';
    });
</script>

Answer 5

或者，如果上述方法都不起作用，那么您可以使用以下方法，因为它对我有用。

想象一下这是你的按钮，

<button class="btn" onclick="NavigateToPdf(${Id});"></button>

我使用 jquery 模板填充了 ${Id} 的值。您可以使用任何适合您要求的东西。在下面的函数中，我将 window.location.href 设置为等于控制器名称，然后是操作名称，最后是参数。我能够成功导航。

function NavigateToPdf(id) {
    window.location.href = "Link/Pdf/" + id;
}

我希望它有帮助。

Answer 6

根据我的经验，ASP MVC 确实不太喜欢传统的按钮使用方式。相反，我使用：

  <input type="button" class="addYourCSSClassHere" value="WordsOnButton" onclick="window.location= '@Url.Action( "ActionInControllerHere", "ControllerNameHere")'" />

Answer 7

您可以轻松地用标签包裹按钮标签。使用 Url.Action() HTML Helper 这将导航到另一个页面。

<a href='@Url.Action("YourAction", "YourController")'>
    <input type='button' value='Dummy Button' />
</a>

如果您想使用 javascript onclick 进行导航() 函数然后使用

<input type='button' value='Dummy Button' onclick='window.location = "@Url.Action("YourAction", "YourController")";' />

Answer 8

正确答案：上面的答案是正确的（对于其中一些答案），但让我们简单一点——用一个标签。

我更喜欢使用输入标签，但您可以使用按钮标签

使用 HTML 时您的解决方案应如下所示：

< input type="button" class="btn btn-info" onclick='window.location.href = "@Url.Action("Index", "ReviewPendingApprovals", routeValues: null)"'/> // can omit or modify routeValues to your liking

Answer 9

$("#yourbuttonid").click(function(){ document.location = "<%= Url.Action("Youraction") %>";})

Answer 10

<li class="nav-item">
    <a class="nav-link text-dark" asp-area="" asp-page="/UsersPage">Users</a>
</li>

试试这个