在javascript中使用Url.Action

Question

我正在尝试使用Url.Action方法为ajax调用正确生成所需的Url但是在尝试构建RouteValues时遇到了问题，这是问题代码行：

var url = @Url.Action("ViewFile", "Default", new { itemId = $(this).data("itemid") });

正如您所看到的，我正在尝试分配JQuery $(this).data("itemid")的结果 到RouteValues的itemId。

有没有办法使用razor语法来编译这段代码？

Answer 1

您将客户端与服务器端混淆。尝试这样的事情：

var url = '@Url.Action("ViewFile", "Default")?itemId=' + $(this).data("itemid");

当您使用razor视图引擎编写@时，您正在编写一条指令，该指令将在此命令末尾的服务器端进行处理。在你的情况下，你想在来自javascript的url中添加一个参数，所以，只需在客户端连接@Url帮助器生成的url的值。

PS：我假设您使用的是默认路由表。

Answer 2

另一种方法是创建占位符然后替换它：

var url = '@Url.Action("GetOrderDetails", "Home", new { id = "js-id" })'
              .replace("js-id", encodeURIComponent(rowId));