Java小强个人技术博客站点    手机版
当前位置: 首页 >> JS >> 去掉script标签src后的参数时间戳

去掉script标签src后的参数时间戳

21210 JS | 2021-6-19

QQ截图20210619090558.jpg


有这样一个操作,使用Ajax请求返回HTML,然后使用append增加到当前页面。


$(function(){
	$.ajax({
		url : _basePath + '/getHTML.action' ,
		success : function(data) {
			$("#t_content").append(data);
		}
	});
});


但是我发现个问题,就是这个页面如果有引用JS文件时,虽然script标签是正常写的


<script type="text/javascript" src="js/test.js"></script>


但是实际请求时,URL后面却增加了一个时间戳的参数,这导致JS每次都是请求了新的。

因为该文件又特别大(可以使用服务器GZIP压缩),因此考虑缓存该文件。

如果修改了该文件,那么修改HTML里script标签中SRC后面的版本后即可。

看到发起程序是JQuery,于是目标对齐它,最终找到原因。


微信截图_20210619085148.jpg


这个jquery自动加上的时间戳,防止js缓存,你要缓存可以用ajaxSetup设置cache为true,不过你这个页面的有需要增加时间戳时,你得自己配置$.ajax将cache设置为false才行

$(function(){
	jQuery.ajaxSetup({cache:0}); // 使用缓存,不会增加时间戳参数
	$.ajax({
		url : _basePath + '/getHTML.action' ,
		success : function(data) {
			$("#ihspDoc_content").append(data);
		}
	});
});


特别注意,我这里版本号是v1.11.3,因为网上有人说是这样写


jQuery.ajaxSetup({cache:true});


我发现不管用,于是找JQuery的源码发现(我只是把min版本的在线格式化了,不要死对行号)它是以数字匹配的,所以我改成了上面的写法。


微信截图_20210619085939.jpg


推荐您阅读更多有关于“ 参数 JQUERY script src 时间戳 ”的文章

上一篇:SpringBoot集成log4j2的配置 下一篇:JS动态加载引入JS文件

猜你喜欢

发表评论: