如何从 Javascript 调用 URL 操作？

Question

我在做：

var url = '@Url.Action("Attachments", "Transactions")';
url += '/?id=' + 3201;
$("#attachments").load(url);

但是，在加载时它什么也不做。我错过了什么吗？

我基本上想调用类似于：

@{Html.RenderAction("Attachments", "Transactions", new { id = 3301 });}

我在控制台上收到以下错误：

http://server:54137/Transactions/@Url.Action(%22Attachments%22,

Answer 1

您必须使用外部 JavaScript 文件，该文件不会解析您的 razor 语法，因此您的控制台中会出现@Url.Action(%22Attachments%22..

你有几个选择：

1. 创建一个 JavaScript 函数并传入 url：

   function loadUrl(url) { $("#attachments").load(url); }

然后在你的剃刀中在脚本标签中调用它：

loadUrl(@Url.Action("Attachments", "Transactions", new { id = @Model.Id })

2. 将 url 作为数据添加到 html 元素，并使用data方法从 JavaScript 中读取它。

在您的剃刀标记中添加以下内容：

<button data-url="@Url.Action("Attachments", "Transactions", new { id = @Model.Id })" />

从您的 JavaScript 事件处理程序中读取它：

var url = $(this).data('url');
$("#attachments").load(url);

我更喜欢第二种选择。