无法识别JQuery中的ASP.NET MVC Url.Action
我尝试在js文件中使用Url.Action()方法来定义ajax调用的urls。到目前为止，我已经失败了。
$.ajax(
{
type: "POST",
url: '@Url.Action("SomeAction", "SomeController")',
data: {
fileID: rightClickedFileId
},
success: function (data) {
}
});如果我以这种方式定义url，浏览器会尝试将数据发送到
http://localhost:5907/FileManager/@Url.Action(%22SomeAction%22,%20%22SomeController%22)结果，我的ajax调用失败了。
但是，如果我使用'/SomeController/SomeAction'，一切都会正常工作。
第二个可以工作，但我想知道第一个有什么问题？会不会是路由配置造成的？
谢谢。
回答 4
Stack Overflow用户
发布于 2012-09-20 22:36:42
Url.Action是一个html助手方法，它可以在你的剃刀视图中工作，而不是在你的外部javascript文件中工作。
您可以做的是，在剃刀视图中使用Url.Action辅助方法获取操作方法的相对url，并将其设置为javascript变量，然后在外部js文件中使用该变量。在执行此操作时，始终确保使用javascript命名空间，以避免可能与现有全局变量发生冲突。
您可以将此代码添加到_Layout.cshtml中
<script type="text/javascript">
var yourApp = yourApp || {};
yourApp.Urls = yourApp.Urls || {};
yourApp.Urls.baseUrl = '@Url.Content("~")';
yourApp.Urls.editUserUrl= '@Url.Action("Edit","User")';
</script>或者在您的页面特定视图中，
@section Scripts
{
<script type="text/javascript">
var yourApp = yourApp || {};
yourApp.Urls = yourApp.Urls || {};
yourApp.Urls.baseUrl = '@Url.Content("~")';
yourApp.Urls.editUserUrl= '@Url.Action("Edit","User")';
</script>
<script src="~/Scripts/PageSpecificExternalJsFile.js"></script>
}现在，您可以在外部javascript文件中访问它，如下所示
var urlToEditUser = yourApp.Urls.editUserUrl;
//you can use urlToEditUser now
// Or With the base url, you may safely add the remaining part of your url.
var urlToEditUser2 = yourApp.Urls.baseUrl+"User/Edit";
//you can use urlToEditUser2 now始终使用Url.Action或Url.RouteUrl html帮助器方法来构建操作方法的相对url。无论您当前的页面/路径是什么，它都会负责正确地构建url。
如果你想在你的角度控制器的/数据服务等中做同样的事情，看看this post，它解释了如何使用角度值提供者来做同样的事情。
Stack Overflow用户
发布于 2012-09-20 22:32:55
你不能在js文件中使用'@Url.Action("SomeAction", "SomeController")'，因为这是ASP.NET MVC helper，如果你把你的代码放到视图中，一切都会正常工作。
Stack Overflow用户
发布于 2015-02-02 07:58:28
我的方法类似于@Shyju的方法，不同的是，我不是在Razor视图中设置一个变量，而是在我的JavaScript中调用一个init函数，并将我需要由Razor解释的所有参数传递给它。
因此，代码将如下所示：
MyScript.init({
editUserUrl: "@Url.Action("Edit","User")",
anotherUrl: "@Url.Action("AnotherUrl", "User")"
})然后在JavaScript中：
var m_options;
MyScript.init = function(options) {
m_options = options;
}
// use with m_options.editUserUrl here
$.ajax(
{
type: "POST",
url: m_options.editUserUrl,
data: {
fileID: rightClickedFileId
},
success: function (data) {
}
});我在这里写了一篇更详细的文章：http://blog.blanklabs.com/2015/02/aspnet-mvc-refactoring-friendly.html
https://stackoverflow.com/questions/12514745
复制相似问题
腾讯云开发者
