小编典典

jQuery Ajax发布不适用于iPhone和Android

ajax

我正在构建针对移动设备(特别是iPhone和Android)的Web应用程序。我正在使用ASP.NET
MVC和JQuery构建它。在一页上,我有一个级联的下拉菜单。我为第一个下拉列表连接了change事件的函数,该函数进行了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来查看网络上正在发生的事情。任何帮助都非常感激。

干杯

克雷格


阅读 454

收藏
2020-07-26

共1个答案

小编典典

我已经解决了这个问题,我只是将其发布,以防其他人遇到相同的问题。这归因于我在做我讨厌的事情,那就是硬编码的字符串。在这种情况下,令人讨厌的行是发布功能中的AJAX网址。它被硬编码到网站的根目录,但是在部署时(这就是我在移动设备上进行测试的方式),路径发生了变化。

为了纠正这一点,我将上面的帖子替换为:

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

Url.Content确保将正确的相对路径用于url。

2020-07-26