苹果设备上的Ajax

苹果设备上的Ajax

问题描述:

嗨,下面的代码可以在所有设备上都可以正常工作,而不是苹果。苹果设备上的Ajax

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

它适用于台式PC和手机上的Android,但不是在苹果设备...

我有我用它来测试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请求处理,因为我的灯箱消失点击。但是数据没有发送,并且页面si没有刷新...

+0

把这个问题,而不是一个评论。 – Barmar

+2

启用iOS Safari中的Web Inspector进行调试。 – Barmar

+0

我没有Mac。我如何从Windows使用网络检查器? – user5068895

我已经删除了关闭灯框单击并处理了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); 
    } 
}); 

});