我正在构建一个针对移动设备(特别是 iPhone 和 Android)的 Web 应用程序。我正在使用 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 来查看线路上发生的情况。非常感谢任何帮助。
Cheers
Craig
我已经解决了这个问题,我只是将其发布以防其他人遇到同样的问题。归根结底,我做了我讨厌的事情,那就是硬编码字符串。在这种情况下,有问题的行是 hte post 函数中的 AJAX url。它被硬编码到网站的根目录,但在部署时(这就是我在移动设备上测试它的方式)路径发生了变化。
为了纠正这个问题,我将上面的帖子替换为:
$.post('@Url.Content("~/DealerHome/Terms")' , { "ProgramId": programId },
Url.Content 确保 url 使用正确的相对路径。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)