按下后退按钮时缓存 JavaScript 文件答案

【问题标题】：JavaScript file being cached when back button pressed按下后退按钮时缓存 JavaScript 文件
【发布时间】：2012-03-31 02:43:54
【问题描述】：

我正在设计一个 JavaScript 小部件，它将显示一个带有 php 创建的随机广告的 iframe。

每次刷新页面时，都会创建一组新的随机广告。

当用户点击广告时，他会被重定向到广告所代表的网站。

当用户使用后退按钮时会出现问题。

由于后退按钮只是调出一个缓存页面，因此会出现相同的广告，这是我不想要的。

由于将展示广告的网站不属于我，因此我无权访问头文件。

即使使用 JavaScript 重新加载功能，仍会缓存 javascript 文件。

任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

问题在于 Javascript 的缓存是由浏览器控制的客户端机制。因此，一种方法是使用 no-cache 标头告诉浏览器不要缓存：

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

另一种选择是通过使用 Javascript 在末尾添加随机数来使请求每次看起来都是唯一的：

var img.src = 'www.mysite.com/ads.php'+'?'+Math.random()*Math.random();
return $(img).load(function()
{
   alert('completed!');
});

如果你使用 jQuery，最后的选择：

$.ajax({
   url: 'test.html',
   cache: false,
   success: function(html){
     $('#results').append(html);
   }
});

【讨论】：

【解决方案2】：

如果可能，请不要等待用户按下后退按钮。在他离开您的网站之前切换广告。

【讨论】：