Question

一个简单的例子：

<img id="example" source="example.png"> // This is my container in another file

<scipt>
 // Here I execute a php script that changes the image 'example.png'
 $('#example').hide().load('content/content.php #example').show();
</script>

完成此脚本后，图片未更新。

有没有办法强制#example的缓存刷新。

类似的东西：

 <scipt>
 // Here I execute a php script that changes the image 'example.png'
 $('#example').hide().load('content/content.php #example').show();
 // Refresh Cache for #example or execute php(refresh)
</script>

由于

Answer 1

如果您请求网址，则可以向其添加GET个参数，使浏览器认为其请求的网页不同。这使浏览器始终下载最新版本。

您可以尝试以下操作。我自己对JQuery不是很了解，但我相信这会有效：

$.get("content/content.php",{},function(e) {
  // now we update the image since the content.php has finished loading.
  $('#example').attr("src","example.png?e="+(new Date().getTime()));
});

强制缓存刷新一个容器

1 个答案: