使用AJAX请求进行Jquery移动缓存

时间:2012-03-29 15:28:53

标签: jquery ajax mobile

我正在使用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>

1 个答案:

答案 0 :(得分:1)

这可以帮到你

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

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

欢呼声