65

在外部 js 文件中，我无法使用

url = "@Url.Action("Action", "Controller")" 
//url output : @Url.Action("Action", "Controller")
//I get IllegalPath Name error.

当我这样写时：

url = "/Controller/Action"

如果项目位于子文件夹下，则脚本不起作用。我需要这样的东西作为相对网址：

url = "~/Controller/Action"

我怎样才能做到这一点？谢谢。

4

5 回答 5

163

由于 .js 文件不被 asp.net mvc 视图引擎解析，因此您根本无法在其中使用任何 c# 代码。我建议使用不显眼的方法，像这样

<div id="loader" data-request-url="@Url.Action("Action", "Controller")"></div>

而在 javascript 中，使用值data-request-url

$(function(){
   $('#loader').click(function(){
       var url = $(this).data('request-url');
       alert(url);
   });
});
于 2012-11-30T08:04:40.413 回答
8

我不确定这是否是最优雅的解决方案，但我所做的是区分寄存器和外部脚本中的实际实现，以便：

<script>...</script>
... include all the external scripts I need

$(document).ready(function(){

    //get all the information you need from your MVC context 
    //before going out of context and into the scripts
    var url = '@Url.Action("Action", "Controller")'; 


     RegisterMyFunction(url, other parameters ..);
     RegisterAnotherFunction(url, others...);
}

所以在我看来，我只有注册函数，脚本包含特殊值作为参数来做我想做的任何事情。

希望能帮助到你，

于 2012-11-30T07:16:38.917 回答
4

这是我一直在使用的模式。这是一个多一点的步骤，但我喜欢我所有的 url 都在视图中一个有组织的位置。

在我的视图底部，我将包含一个包含如下网址的脚本部分：

@section Scripts
{
    <script type="text/javascript">
        myJavaScriptObject.firstUrl = '@Url.Action("Action1", "Controller", new {id = Model.Id})';
        myJavaScriptObject.secondUrl = '@Url.Action("Action2", "Controller", new {id = Model.Id})';
    </script>
}

在我的 JavaScript 类（位于外部文件中）内部，我将像这样引用 url：

var myJavaScriptObject = {
    firstUrl: '',
    secondUrl: '',
    docReady: function() {
        $.get(myJavaScriptObject.firstUrl, function(data) { do something...  });
    }
}

我意识到不需要在类中引用这些条目，但我喜欢将它们放在那里以供我自己的家务之用。

于 2017-12-05T21:58:23.027 回答
0

正如接受的答案所述，您不能在外部 JS 文件中使用任何 C# 代码。如果我需要将几个控制器链接传递给我的外部 .js 文件，我通常会这样做。

在 C# (.cshtml) 中

<script src="~/js/myfile.js"></script>

<script type="text/javascript">

    var url1 =  "@Url.Action("ActionName", "ControllerName", new { Param = ViewBag.Param })";  
    var url2 = "@Url.Action("AnotherAction", "AnotherController")";

    $(function() {
        window.initScript(url1, url2);
    });

</script>

在 myfile.js 中

var _url1;
var _url2;

function initScript(url1, url2) {
    _url1 = url1;
    _url2 = url2;

   // other init. codes...

}
于 2018-07-11T17:28:30.433 回答
0

您可以使用隐藏字段来做同样的事情（在主/个人视图上）。

查看页面：

@Html.Hidden("commonUrlTrack", Url.Action("Action_Method_Name", "Controller_Name"))

<button onclick="commonFunction()">Click Me</button>

JS 文件：

function commonFunction() {
    var url = $("#commonUrlTrack").val();        
    alert(url);        
}
于 2019-12-04T09:41:32.877 回答