c# - 在 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 文件中指定路径( Controller 、图像等中的操作)的正确方法是什么？

谢谢。

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;
});