$ajax 内的相对 URL 与 asp.net mvc 3

Question

我知道可以使用此函数

@Url.Action("MyInfo", "Home")

来避免对 url 进行硬编码，但我的 $.ajax 调用位于单独的 .js 文件中。上面的方法还有效吗？

据我所知，@Url.Action 只能在 Razor 文件内工作。但考虑到我们建议使用非侵入式 JS，我不太确定如何使用 @Url.Action。

请指教。

Answer 1

上面的方法还有效吗？

不。

据我所知，@Url.Action 只能在 Razor 文件内工作

您的知识是正确的。

但是考虑到我们被建议使用非侵入性的JS，我不这么认为
非常确定我将如何使用@Url.Action。

您可以在您正在不显眼地增强的某些 DOM 元素上使用 HTML5 data-* 属性（除非该元素已经是

或锚点，在这种情况下它已经包含 url）：

<div id="foo" data-url="@Url.Action("foo")">Hello</div>

然后在您单独的 javascript 文件中：

$(function() {
    $('#foo').click(function() {
        var url = $(this).data('url');
        // TODO: do something with the url
    });
});

Answer 2

为相对路径添加函数参数。例如，在您的 View:

<script type="text/javascript">
   var path =  "@Url.Action("ActionName", "ControllerName")";

   someAjaxMethod(path)
</script>

和外部 js 文件中：

function someAjaxMethod(path)
{
   var data = {};
   $.ajax(path, data)
}