在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));