javascript - 防止 jQuery Mobile 中的 ajax 缓存

Question

我发现了与 jQuery 相关的类似问题。我的目标是弄清楚如何防止 jQueryMobile 和 PhoneGap 中的缓存(我使用 JSONP)。我正在做一些动态填充 ListView 的 ajax 调用。我想在每次初始化页面 (pageinit) 时查询 Web 服务。在我的 android 设备上，在新查询之后，每次我转到该页面时，数据都会添加到 ListView 中。它不会删除，每次我访问该页面时，我都会添加一个副本。我认为它与缓存有关。我在我的代码中添加了这样的东西:

$(document).bind('pageinit', function() {
    $.ajaxSetup ({
        cache: false
     });
});

它阻止在我的 Chrome 和 Safari 浏览器中缓存，但它在 Android 设备上不起作用。如何防止 Android 设备中的缓存？

附言。你可能会发现这个问题很相似，但不一样: How to prevent caching from jQuery Ajax?

Answer 1

只需从 Math.random 创建一个随机值函数，并在每次发出 ajax 请求时将其作为参数发送。它将始终避免缓存。

var myRand = Math.floor((Math.random()*1000)+1);
$.ajax({
  url: 'ajax/test.html', para: myRand , 
  success: function(data) {
    $('.result').html(data);
    alert('Load was performed.');
  }
});