我有一个从http://localhost/myappname
运行的ASP.NET MVC Web应用程序。从jQuery,我使jQuery $ .ajax()调用基于一些用户操作返回部分视图。我通常从包含我通过Ajax调用的函数的同一个控制器中的视图调用它。例如,我的Home控制器中的视图具有以下功能(效果很好):
function loadMyPartialView() {
$.ajax({
type: 'GET',
url: 'Home/GetNavigationTreePV/',
success: function (data) { onSuccess(data); },
error: function (errorData) { onError(errorData); }
});
return true;
}
以上网址解析为http://localhost/myappname/Home/GetNavigationTreePV
,部分视图也会正确返回。
现在,我正在尝试使用qUint对我的功能进行单元测试。在这个测试用例中,我只想验证我到达函数的末尾并返回true。我创建了一个QUNIT
控制器和相应的视图(加载我的单元测试JavaScript文件)。从包含我的单元测试的test.js文件中,我尝试调用我的Home视图中的相同函数,如上面的那个。但是,由于我现在已经没有使用QUNIT
控制器,因此该网址已解析为http://localhost/myappname/qunit/Home/GetNavigationTreePV
。
我尝试将我的ajax请求的网址更改为/Home/GetNavigationTreePV/
(使用前面的正斜杠),但是当我这样做时,我会得到以下网址http://localhost/myappname/Home/GetNavigationTreePV
。
因此,为了清楚起见,我试图以一种始终从我的MVC应用程序的根开始的方式编写我的ajax请求,然后附加我的$ .ajax()函数中给出的url参数。
有一种简单的方法吗?我是以一种奇怪的方式谈论这件事吗?
答案 0 :(得分:10)
我认为在你的MVC View页面中你需要 @ Url.Action
function loadMyPartialView() {
$.ajax({
type: 'GET',
url: '@Url.Action("GetNavigationTreePV", "Home")',
success: function (data) { onSuccess(data); },
error: function (errorData) { onError(errorData); }
});
return true;
}
或者,您可以使用 @ Url.Content
function loadMyPartialView() {
$.ajax({
type: 'GET',
url: '@Url.Content("~/home/GetNavigationTreePV")',
success: function (data) { onSuccess(data); },
error: function (errorData) { onError(errorData); }
});
return true;
}
如果这是在.js文件中,您可以传递Url,如
loadMyPartialView('@ Url.Action(“GetNavigationTreePV”,“Home”)')
答案 1 :(得分:10)
我可以使用window.location.pathname
使用直接JavaScript完成此操作。请参阅以下示例:
function loadMyPartialView() {
$.ajax({
type: 'GET',
url: window.location.pathname + 'Home/GetNavigationTreePV/',
success: function (data) { onSuccess(data); },
error: function (errorData) { onError(errorData); }
});
return true;
}