MVC相当于@ Html.ActionLink通过javascript

Question

如何通过javascript代码编写等效的@ Html.ActionLink，即调用MVC操作，然后创建一个新视图而不返回调用视图？

Answer 1

javascript是一种客户端语言，它对您使用的服务器端语言一无所知。 因此，使用服务器端路由定义生成URL的服务器端帮助程序的javascript中没有等效项是正常的。

目前还不是很清楚你想要实现什么，但是如果你想通过javascript使用调用一些url，你可以使用服务器端助手生成这个url：

<script type="text/javascript">
    var url = '@Url.Action("SomeAction", "SomeController")';
    // do something with the url client side variable, for example redirect
    window.location.href = url;
</script>

如果你想在一个单独的javascript文件中使用这个url，你无法访问服务器端助手，你仍然可以根据情况在一些DOM元素中包含这个url。

例如：

<div id="foo" data-url="@Url.Action("SomeAction", "SomeController")">Click me</div>

请注意我们嵌入到DOM中的data-url HTML5属性，并使用服务器端帮助程序来确保生成的URL始终基于我们的路由定义是正确的。 现在我们可以在一个单独的javascript文件中不引人注意地订阅此div的click事件并检索url：

$('#foo').click(function() {
    var url = $(this).data('url');
    // do something with the url client side variable, for example redirect
    window.location.href = url;
});

其他示例显然包括应使用服务器端HTML帮助程序生成的标准<a>和<form>元素，然后您在单独的javascript文件中所要做的就是获取其相应的href或action属性以检索实际的URL和用它做点什么。

Answer 2

另一种选择是将URL存储在页面某处隐藏的<div> ，稍后通过Javascript调用它。 它看起来像这样：

Index.cshtml ：

<div style="display: none;" id="url">
   @Url.Action("SomeAction", "SomeController")
</div>

然后，您可以在Script.js文件中使用它来构建您想要的任何链接。

var url = $("#url").text();

然后，URL变量将包含指向/SomeController/SomeAction的网络安全链接。