jquery - Ajax 调用在 Chrome 中的 URL 与 Firefox 中不同

Question

我发现在进行 ajax 调用时，URL 在 Chrome 和 Firefox 中似乎不同。

我有以下代码:

       commandUrl = 'Demo/A/';
       $.ajax(
              {
                url: commandUrl,
                data: { id: index },
                type: "GET",
                success: function (data) {
                  $("#serverMessage").html(data);
                }
                ,
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                  alert(textStatus + " - " + errorThrown);

                }
              })

在 Chrome 中，上述内容不起作用，失败的 http 请求的格式为

http://ip:port/Demo/Demo/A?id=0

但在 Firefox 中，它适用于 URL:http://ip:port/Demo/A?id=0

我正在使用 Asp.net MVC 2(其中我的 Controller 是 Demo)，这可以解释正在发生的情况，但显然我不确定为什么两个不同的浏览器之间会发生这种变化。

京东

Answer 1

您永远不应该像这样硬编码网址。处理 url 时始终使用 URL 助手:

commandUrl = '<%= Url.Action("A") %>';
$.ajax({
    url: commandUrl,
    data: { id: index },
    type: "GET",
    success: function (data) {
        $("#serverMessage").html(data);
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert(textStatus + " - " + errorThrown);
    }
});