关于web页面缓存问题解决方法，如图片缓存，异步提交数据页面不更新

ゝ一世哀愁。 2022-09-17 07:27 194阅读 0赞

问题描述：

1、在做异步更新图片的时候,，改变了img节点的src，但是img 图片还是没有更新

2、异步提交数据到后台，如用jquery的$.ajax，$.post，$.get ，发现数据提交不到后台，后台接收不到异步提交上来的数据\\

问题原因：

由于很多浏览器都具备了数据缓存的机制，特别是图片的加载，当你加载完图片之后，如果你再次加载图片的路径和上次加载图片的路径是一样的，

浏览器就不从后台拿数据了，直接把你上次浏览的数据缓存下来，然后拿给你，这样的好处是可以提高用户体验，客户端浏览数据更快,不好的地方是，

后台更新的数据不能马上反馈到前台

解决方法：

在页面表头添加，避免数据缓存

然后，每次更新数据的路径，可以加上随机的参数，例如在后台用system类生成一个随机数直接加在返回路径后面

String  random = System.currentTimeMillis()+"" ;

return "http://localhost:8080/XiongFeng/ClientFeedBackComfirm.jpg?random="+random

在前台，我们用异步机制提交数据到后台的时候，我们也可以在后面添加随机数(new Date()).getTime()

$.ajax(\{  
               cache: false,  
               type: "POST",  
               url:"hotel/HandleDeskOrderCart?time="+(new Date()).getTime(),  
               data:$('\#deskForm').serialize(),// 你的formid  
               error: function(request) \{  
                   alert("网络出现错误");  
                   return ;  
               \},  
               success: function(data) \{  
               alert(data);  
               \}  
           \});

这样后台就不会因为缓存而接收不到数据