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

时间:2011-10-10 13:55:54

标签: jquery asp.net-mvc url qunit

我有一个从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参数。

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

2 个答案:

答案 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;
}