javascript - 在 Javascript 中导航到 Url 或 Url.Action

Question

这可能已经在某个地方得到了回答，但我找不到任何对我有意义的信息。

我的 cshtml 中有一个取消 按钮，其中包含一个href='@Url.Action("Index")。它看起来像这样:

<a href='@Url.Action("Index")' class="linkbutton" id="btnCancel" title="Return to Home Page">Cancel</a>

现在如果有更改，我需要确认是离开页面还是在离开前保存更改。

因此，我在单击按钮时添加了一个事件以显示一个弹出窗口以确认继续或保存。当然，将按钮代码原样保留在 cshtml 文件中，完全符合人们的预期。这是一个链接，我的事件永远不会触发。

我将 cshtml 按钮更改为以下代码:

<input type="button" class="navigationButtons" id="btnCancel" value="Cancel" title="Return to Home Page" />

现在，我的事件被触发，我显示弹出窗口以确认继续或保存。 保存效果很好，因为它是另一种执行保存到数据库的方法。 我无法将确认按钮变成链接按钮，因为它在代码中的另一个地方使用，只是继续而不离开页面。

我已经找到了window.location、$.get 和$.ajax 的答案。但是我不知道如何将进入我的索引页面的 JavaScript 代码放入。

请!有谁知道如何做到这一点并帮助我理解我显然不知道的事情。 :-(

Answer 1

只要您的 JavaScript 包含在您的 .cshtml 文件中，您就可以在脚本中编写 Razor 代码:

window.location.replace('@Url.Action("Index")');

如果您遇到问题，您可以尝试在您的页面上创建一个隐藏链接并让您的 JavaScript 触发点击:

<a id="my-hidden-url" href="@Url.Action("Index")" hidden></a>

<script>
    $('#my-hidden-url').trigger('click');
</script>