更新js缓存的办法

遇到的问题：
        在访问量比较大的系统中，我们需要将一些静态的文件在客户端缓存，以减少下载的流量，从而加快客户端访问的速度。但是缓存会带来一个问题，就是如何在服务端更新完文件之后，客户端能够及时得到更新。
解决思路：
1. 在一个配置文件中维护js文件map；
2. 在页面中通过js map的key来动态加载js文件；
3. 在js文件做出变动之后，只要修改相应js的版本号
实例：
1. 在一个配置文件（config.js）中维护js文件map(注意：config.js是不缓存的，每次更新)

Js代码

 

1. //js Map   
2. var JSHash = {   
3. index: [{url:"http://xxxx.js", version: "1.0"}],   
4. edit:  [{url:"http://xxxx.js", version: "2.0"}]   
5. }  

//js Mapvar JSHash = {index: [{url:"http://xxxx.js", version: "1.0"}],edit:  [{url:"http://xxxx.js", version: "2.0"}]}

2. 在页面中通过js map的key来动态加载js文件；

Html代码

 

1. <script src=config.js></script>  
2. <script>  
3. loadJS("edit");   
4. </script>  
5. //根据传入的key，动态生成js加载语句   
6. function loadJS(sKey) {   
7.         var node = JSHash[sKey];   
8.         for(var i =0;i < node.length; i ++) {   
9.                 document.writeln('<script src="'+node[i].url+'?version='+node[i].version+'"><\/script>');   
10.         }   
11. }   
12. //-->  
13. </script>  

<script src=config.js></script><script>loadJS("edit");</script>//根据传入的key，动态生成js加载语句function loadJS(sKey) {        var node = JSHash[sKey];        for(var i =0;i < node.length; i ++) {                document.writeln('<script src="'+node[i].url+'?version='+node[i].version+'"><\/script>');        }}//--></script>

             
3. 在js文件做出变动之后，只要修改相应js的版本号即可.这样由于链接不一样了，就会对这个变动的js进行重新下载。其他js由于链接不变，所以仍旧使用缓存中的js.