MVC JavaScript相对路径

Question

在MVC应用程序中为JavaScript创建相对路径的最佳方法是什么。 由于我们无法在JavaScript文件中使用“〜”，“ @ Url.Action”。 这样就可以跨多个文件使用它。

Answer 1

我一直这样做的方法是在JavaScript文件中公开这些URL的属性。 然后，当您在HTML页面上实例化该代码时，允许Razor设置这些属性。

在您的JavaScript中：

var Widget = function () {
    var init = function(url1, url2);

    // Do stuff

    return {
        init: init
    }
};

然后在您的.cshtml页面中，执行以下操作：

<script type="text/javascript">
    Widget.init('@Url.Action("Method", "Controller")', '@Url.Action("Method2", "Controller")');
    // Assigning directly to the Widget object
    Widget.url3 = '@Url.Action("Method3", "Controller")';
</script>