使用 AJAX 请求的 Jquery 移动缓存答案

【问题标题】：Jquery mobile caching using AJAX request使用 AJAX 请求的 Jquery 移动缓存
【发布时间】：2012-03-30 08:03:56
【问题描述】：

我正在使用 Jquery mobile 构建一个移动应用程序。这是一个多页应用程序，都包含在同一个 index.html 中。该应用程序通过 AJAX 请求从外部源获取其数据。第一次加载应用程序时，主页上的 pageinit 事件会加载所有外部信息并更改 DOM。在多个页面之一上，我添加了一个按钮，单击该按钮可从第二个 URL 获取一些修改后的外部数据，但我页面上的数据未更新。 Jquery mobile 是否存在缓存问题？

Code:
<script>
$('#pageHome' ).live('pageinit',function(event){             
  getInfo(serviceURL1);                                       
});

function getInfo(serviceURL) {  
$.ajax({  
   url: serviceURL,  
   dataType:'json', 
   timeout:20000,  
   type:'POST',  
   success:function(json, status) {

   $('#page1' ).live('pageinit',function(event){ 
      append info to page1
   });

   $('#page2' ).live('pageinit',function(event){ 
      append info to page2
   });                  
});      
}

function getUpdate() {
 geInfo(serviceURL2);
}
</script>

【问题讨论】：

标签： jquery ajax mobile

【解决方案1】：

这对你有帮助

$(document).ready(function(){
   jQuery.ajaxSetup({
             // Disable caching of AJAX responses 
                 cache: false
             });
 });

您还应该使用 fiddler (www.fiddler2.com) 来分析流量和 http 请求

干杯

【讨论】：