jQuery Mobile Ajax导航超时

Question

在jQuery Mobile中，如果用户点击一个按钮，会出现一个加载图标，然后通过Ajax加载新的网页。

但是，在我的情况下服务器可能没有响应。有没有办法让超时（例如10秒）的ajax导航功能？ （如果时间限制超过，请停止尝试导航并显示错误消息）

Answer 1

要设置超时时间，我认为您不应该以静态方式执行此操作（使用“数据转换”） 您可以让侦听器链接（'onclick'）和监听器内的ajax调用来加载你的页面。使用$.mobile.changePage()来做到这一点。

$.mobile.changePage()函数用于jQuery Mobile中的很多地方。例如，单击链接时，其href属性被标准化，然后$.mobile.changePage()处理其余的。

所以你的代码可能看起来是这样的：

$('#link_id').click(function() { 
    $.ajax({ 
    url: "page_served_from_server", 
     error: function(jqXHR, strError){ 
     if(strError == 'timeout') 
     { 
      //do something. Try again perhaps? 
     } 
    }, 
    success: function(){ 
     //charge your page : 
     // $.mobile.changePage('yourPageAdress',"turn",false,true); 
    }, 
    // here you can specify your timeout in milliseconds 
    timeout:3000 
    }); 
});