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）上，一切正常，鏈接未添加井號。

有人知道為什么用鉻嗎？ 也許如何解決這個問題？