jQuery Ajax:从App root引用MVC控制器url

Question

我有一个运行的ASP.NET MVC Web应用程序http://localhost/myappname.从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;
}

上面的url被解析为,http://localhost/myappname/Home/GetNavigationTreePV并且正确返回了部分视图.

现在,我正在尝试使用qUint对我的功能进行单元测试.在这个测试用例中,我只想验证我到达函数的末尾并返回true.我创建了一个QUNIT控制器和相应的视图(加载我的单元测试JavaScript文件).从包含我的单元测试的test.js文件中,我尝试调用我的Home视图中的相同函数,如上面的那个.但是,因为我现在已经用完了QUNIT控制器,所以url被解析了http://localhost/myappname/qunit/Home/GetNavigationTreePV.

我已经尝试将我的ajax请求的url更改为/Home/GetNavigationTreePV/(使用前面的正斜杠),但是当我这样做时,我得到以下url http://localhost/myappname/Home/GetNavigationTreePV.

所以,要清楚,我试图以一种始终从我的MVC应用程序的根开始的方式编写我的ajax请求,然后附加我的$ .ajax()函数中给出的url参数.

有一个简单的方法吗？我是以一种奇怪的方式谈论这件事吗？

Answer 1

我想在你的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")')

Answer 2

我能用直接的JavaScript来完成这个window.location.pathname.请参阅以下示例:

function loadMyPartialView() {
    $.ajax({
      type: 'GET',
      url: window.location.pathname + 'Home/GetNavigationTreePV/',
      success: function (data) { onSuccess(data); },
      error: function (errorData) { onError(errorData); }
    });
    return true;
}