jQuery Ajax调用不适用于移动设备

Question

我正在尝试使用ajax和jquery在用户选中复选框时提交表单。 然后，它应该将ajax调用提交到order.php页面。

这是使用的javascript

$(document).ready(function () {
    $("#statusform").on("change", "input:checkbox", function () {
        $("#statusform").submit();
    });
});

$(function () {
    $('#statusform').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: 'order.php?id=<?php echo $id; ?>&action=changestatus',
            datatype: "json",
            data: $(this).serialize(),
            success: function (data) {
                console.log(data["json"]);
            },
            error: function (jqXHR, textStatus, errorThrown) {
                console.log(JSON.stringify(jqXHR));
                console.log("AJAX error: " + textStatus + ' : ' + errorThrown);
            }
        });
    });
});

和继承人的形式

<form id="statusform">
    <input type="checkbox" data-role="flipswitch" name="betalt" id="betalt" data-on-text="Betalt" data-off-text="Ikke betalt" data-wrapper-class="custom-size-flipswitch" <?php if ($row['betalt']) {echo "checked";}?>>
    &nbsp;&nbsp;
    <input type="checkbox" data-role="flipswitch" name="leveret" id="leveret" data-on-text="Leveret" data-off-text="Ikke leveret" data-wrapper-class="custom-size-flipswitch" <?php if ($row['leveret']) {echo "checked";}?>>
</form>

一切都可以在台式机浏览器上正常运行，但是在我的iPhone上使用Google chrome移动浏览器尝试时，它似乎无能为力。

你们有什么想法吗？

Answer 1

看来我找到了答案...至少有点。

问题是在iOS上的Chrome中。 当您单击指向“ Order.php”的achor链接（“ a href”）时。 它将以http://website.com/#/order.php的形式输入URL-导致AJAX调用由于某种原因而停止工作。

如果我删除了哈希，它将按预期工作。

我相信主题标签是由jquery mobile引起的，因为该链接位于jquery mobile选项卡控件中，并且是jquery mobile listview。 在Safari（iOS），Chrome（PC）和IExplorer（PC）上，一切正常，链接未添加井号。

有人知道为什么用铬吗？ 也许如何解决这个问题？