Apple设备上的Ajax

时间:2016-11-16 23:14:50

标签: jquery ios ajax

嗨,下面这段代码在所有设备中都非常适合工作。

我不知道为什么......你能帮助我吗?

适用于台式机和移动Android,但不适用于Apple设备......

我有一个ipad,我用它来测试,但我不知道如何调试我的代码......

    $(document).on("touchstart click", "#btn", function(){

    $(document).off("touchstart click", "#btn");

    var data = $("#preview_form").serializeObject();

    console.log(data);

    $.ajax({

        "type": "POST",
        "url":  ajaxurl,
        "cache": false,
        "data": data,
        "beforeSend": function(){

            $(".my-lightbox-close").click();
            $("#wrapper").fadeOut();
            $("#result").css({"min-height":"500px"}).html("<div id='loading-animation-container'><p><span id='glow'></span><span id='light'></span><span id='stars'></span><span id='stars-2'></span><span id='small-stars'></span><span id='small-stars-2'></span></p><div class='loader'><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--text'></div></div></div>");


        },

        "success": function (result) {
                      window.location.replace("http://www.example.com/");
            return false;
        },
        "error": function (xhr, ajaxOptions, thrownError) {
            alert(xhr.status);
            alert(thrownError);
        }
    });

});

我认为处理ajax请求是因为我的灯箱在点击时消失了。但是没有发送数据,页面也没有刷新......

1 个答案:

答案 0 :(得分:0)

我已删除“关闭灯”框,然后单击“处理ajax请求”。听起来奇怪但仍然有效。

$(document).on("touchstart click", "#btn", function(){

$(document).off("touchstart click", "#btn");

var data = $("#preview_form").serializeObject();

console.log(data);

$.ajax({

    "type": "POST",
    "url":  ajaxurl,
    "cache": false,
    "data": data,
    "beforeSend": function(){

        //$(".my-lightbox-close").click();
        $("#wrapper").fadeOut();
        $("#result").css({"min-height":"500px"}).html("<div id='loading-animation-container'><p><span id='glow'></span><span id='light'></span><span id='stars'></span><span id='stars-2'></span><span id='small-stars'></span><span id='small-stars-2'></span></p><div class='loader'><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--dot'></div><div class='loader--text'></div></div></div>");


    },

    "success": function (result) {
                  window.location.replace("http://www.example.com/");
        return false;
    },
    "error": function (xhr, ajaxOptions, thrownError) {
        alert(xhr.status);
        alert(thrownError);
    }
});

});