javascript - 在 View 中将 Razor 语法与 Javascript 混合

Question

什么是正确的处理方法。我需要它像下面的示例一样工作。

 <input type="button" value="Resume" onclick="window.location = '/Test?testid=@(ViewBag.TestID)'" />

Answer 1

我绝对支持 Zabavsky 的评论，即您应该为这个特定示例使用 ActionLink 以获得语义正确的标记。

但是既然你问了:

Mixing razor syntax with Javascript in views

永远不要那样做。

在您看来，您应该只有标记:

<input type="button" value="Resume" id="myButton" data-url="@Url.Action("Test", new { testid = ViewBag.TestID })" />

和 javascript(在单独的文件中)，您可以在其中使用此标记并以不显眼的方式对其进行增强:

$(function() {
    $('#myButton').click(function() {
        window.location.href = $(this).data('url');
    });
});

当然，如果用户禁用了 javascript，则您的 Web 应用程序将完全崩溃。这就是为什么您应该始终编写语义正确的标记。在这种情况下，将使用 anchor ，因为在 HTML 中按钮用于提交表单， anchor 用于重定向到其他位置(这正是您在这种特定情况下想要实现的目标)。