使用 jquery post for mvc 3 在部署时不起作用

所以我有这个 MVC 3 应用程序，它有一个下拉列表，我用它通过 jquery 填充 div。它在本地工作正常，但当我将其部署到服务器时，它重定向不正确。这是我的 jquery：

$("#ddlCategoryMain").change(function () {
    $.post("/Home/Category/", { mileID: $(this).val() }, function (data) {
        refreshDiv($("div#main"), data);
    });
});

function refreshDiv(select, data) {
    select.html("");
    select.append(data);
}

在本地，这工作得很好。但是当部署到我的服务器时，它似乎正在寻找http://myserver/Home/类别 http://myserver/Home/Category代替http://myserver/mywebsite/Home/类别 http://myserver/mywebsite/Home/Category

我可以通过简单地在 jquery 函数中的 /Home/Category 之前添加我的应用程序的名称来修复它，但这感觉不对......

我还尝试在 /Home 之前添加 ../、~/、../../ 但这没有什么区别。

这个小问题有什么解决办法吗？ 谢谢！

Option 1

假设你的 jQuery 方法在你的视图中，你可以使用Url.Action() http://msdn.microsoft.com/en-us/library/dd492758.aspx

生成一个完全限定的 URL 使用指定的操作方法 操作名称和控制器名称。

$("#ddlCategoryMain").change(function () {
    $.post('<%=Url.Action("Category", "Home")%>', { mileID: $(this).val() }, function (data) {
        refreshDiv($("#main"), data);
    });
});

或者如果您使用剃须刀的话

$("#ddlCategoryMain").change(function () {
    $.post('@Url.Action("Category", "Home")', { mileID: $(this).val() }, function (data) {
        refreshDiv($("#main"), data);
    });
});

Option 2

如果该方法位于外部 js 文件中，您可以在视图中声明一个全局变量。

var myUrl = '@Url.Action("Category", "Home")';

然后在你的$.post

$("#ddlCategoryMain").change(function () {
    $.post(myUrl , { mileID: $(this).val() }, function (data) {
        refreshDiv($("#main"), data);
    });
});