Jquery ajax post 不适用于 iPhone 和 Android

Question

我正在构建一个针对移动设备(特别是 iPhone 和 Android)的网络应用程序。我正在使用 ASP.NET MVC 和 JQuery 构建它。在一页上，我有一个级联下拉菜单。我已经为第一个下拉列表的更改事件连接了一个函数，它执行 AJAX 调用并使用 JSON 响应来填充第二个下拉列表。这一切在我的桌面上运行良好，但不适用于 iPhone 或 Android 手机。第二个下拉列表未填充。我在更改功能中放置了一个“警报”，它验证了事件正在被触发。然后，我在 AJAX 调用的回调函数中放置了“警报”，但它没有被执行，所以要么是 AJAX 调用没有到达服务器，要么是手机没有收到响应。

jQuery 代码是:

    $(function () {
    $("#ProgramId").change(function () {
        var programId = $("#ProgramId").attr("value");
        alert("Change event triggered"); // <- test only, does get executed when client is a phone bowser
        var termId = $("#TermId").attr("value");
        $.post("/DealerHome/Terms", { "ProgramId": programId },
            function (data) {
                alert("Ajax response received"); // <- test only, does NOT get executed when client is a phone bowser
                $("#TermId").children().remove();
                $("#TermId").append('<option value="0">--select--</option>');
                $.each(data, function () {
                    if (termId == this.Value) {
                        $("#TermId").append('<option value="' + this.Value + '" selected >' + this.Text + '</option>');
                    } else {
                        $("#TermId").append('<option value="' + this.Value + '" >' + this.Text + '</option>');
                    }
                });
            });
    });
});

我在 iPhone 上打开了 JavaScript 控制台，但它没有显示任何错误。作为移动设备开发的新手，我不确定应该如何调试它。在桌面上，我只会使用 Fiddler 来查看网络上发生的情况。非常感谢任何帮助。

干杯

克雷格

Answer 1

我已经解决了这个问题，我只是发布它以防其他人遇到同样的问题。归结为我做了我讨厌的事情，那就是硬编码字符串。在这种情况下，有问题的行是 hte post 函数中的 AJAX url。它被硬编码到网站的根目录，但在部署时(这是我在移动设备上测试它的方式)路径发生了变化。

为了更正这个问题，我将上面的帖子行替换为:

$.post('@Url.Content("~/DealerHome/Terms")' , { "ProgramId": programId },

Url.Content 确保为 url 使用正确的相对路径。