jQuery ajax无法在iOS中运行

Question

我们的一位工程师刚把他的iPad带到我面前，并展示了一个不在我们网站上工作的功能。 这适用于Chrome和Firefox，但它无法在iPhone或iPad上运行。 这是3个选择框，当您单击第一个中的值时，它会运行ajax并填充第二个选择框。

这是在iOS中不起作用的功能。

我们有点难以开始测试这个。 任何人都可以提供一些建议，从哪里开始调试这个或者你能看到我们做错了吗？

    $().ready(function () {
        $('.vehicle-search .make').bind('click', function (e) {
            var makeId = $(e.target).val();
            var container = $(e.target).parent('.vehicle-search');
            if (parseInt(makeId) > 0) {
                $.ajax({
                    url:  site.internal.url + '/lib/ajax/vehicle/make/getModelList.php',
                    type: 'post',
                    dataType: 'json',
                    success: function (r) {
                        if (r.length > 0) {
                            $('.vehicle-search > .model').html('');
                            $('.vehicle-search > .year').html('');

                            var html = '';
                            for (var i = 0; i < r.length; i++) {
                                html += "<option value='"+r[i].id+"'>"+r[i].name+"</option>";
                            }

                            $('.vehicle-search > .model').html(html);
                        } else {
                            alert('We did not find any models for this make');
                        }
                    },
                    error: function () {
                        alert('Unable to process your request, ajax file not found');
                        return false;
                    },
                    data: {
                        makeId: makeId
                        }
                });
            } else {
                $('.vehicle-search > .model').html('');
                $('.vehicle-search > .year').html('');
            }
        });
........

Answer 1

绑定到<select>的change事件而不是click事件。

此外，您应该启用 iPad 的开发者控制台 ，以便您可以看到可能发生或可能不发生的任何JS错误。

在将来，将事件处理程序中的console.log语句作为完整性检查放入，以查看它们是否正在被调用，以及它们是否要确定它们在何时失败。

Answer 2

我不知道出了什么问题，但总的来说，这就是你可以用Mobile Safari和IE做的，没有手动调试控制台。

1. 在代码中添加一些alert()以至少找出脚本何时停止。
2. 除了r success(r)之外，事件处理程序不会收到任何变量。 查看文档，您将找到可以探测或alert()变量alert() ，它们可以帮助您实现真正的目标。 特别是error()处理程序。
3. 只要ajax成功失败，competition compete()处理程序就会执行。 尝试捕捉变量。

Answer 3

问题是缓存。 添加这行代码，问题应该解决。

$.ajaxSetup({ cache: false });