在 ASP.NET MVC 应用程序中引用 Javascript 文件中的路径的正确方法

Question

目前我在我的 js 文件中所做的是这样的（并且有效）：

    var root = "http://mydomain.com";

$.ajax({
    type: "POST",
    url: root + "/MyController/MyAction",
    data: { 'id': myId },
    dataType: "html",
    success: function (response) {
    blah blah...

但问题是，如果有人键入 www.mydomain.com 而不是 mydomain.com，则找不到路径。我尝试遵循这篇文章中的建议：Relative Image URL in Javascript File - ASP.net MVC and IIS 7，即将 root 设置为 ../ 或 document.location.host，但两者都不起作用。

在 js 文件中指定路径（到控制器、图像等中的操作）的正确方法是什么？

谢谢。

Answer 1

在你看来：

<script type="text/javascript">
    var url = '<%= Url.Action("MyAction", "MyController") %>';
</script>

在您的外部 javascript 文件中：

$.ajax({
    type: "POST",
    url: url,
    data: { 'id': postId },
    dataType: "html",
    success: function (response) {
    blah blah...

甚至更好：如果您要对现有链接或表单进行 AJAX 化：

<%= Html.ActionLink("foo", "MyAction", "MyController", null, new { id = "foo" })

在你的 javascript 中：

$('#foo').click(function() {
    $.ajax({
        type: "POST",
        url: this.href,
        data: { 'id': postId },
        dataType: "html",
        success: function (response) {
        blah blah...
    });
    return false;
});