Ajax 获取新页面内容时js css 重复获取的问题
2013-07-31 12:01
246 查看
在做我自己的一个网站的时候
疯狂猜图答案搜索:http://ct.unprofessional.pw 的时候发现一个问题
我的搜索结果页面是用ajax获取后台生成的html的 由于使用了瀑布流的样式 所以后台生成的html必须切入js使其生效 否则返回的页面将失去效果
但是我在使用firebug查看时发现 每次下拉触发接受新内容时都会重新加载一次css js
比如我第一次页面加载了 masonry.css
那我第一次下拉他会加载 masonry.css?_v=2 即使第一次页面缓存了这个js 但是这么操作会让浏览器认为这是一个新的js 并且重新加载
那类推 第三次就是 masonry.css?_v=3
由于页面引用了大量的js和css 这样会导致带宽浪费(即使开启了gzip)
网上搜索方法找到了 可以在引用页面加入同样的?_v=2 这样触发加载新内容就会读取浏览器缓存的js 和css
比如
<script src="masonry.js?_v=2"></script>
疯狂猜图答案搜索:http://ct.unprofessional.pw 的时候发现一个问题
我的搜索结果页面是用ajax获取后台生成的html的 由于使用了瀑布流的样式 所以后台生成的html必须切入js使其生效 否则返回的页面将失去效果
但是我在使用firebug查看时发现 每次下拉触发接受新内容时都会重新加载一次css js
比如我第一次页面加载了 masonry.css
那我第一次下拉他会加载 masonry.css?_v=2 即使第一次页面缓存了这个js 但是这么操作会让浏览器认为这是一个新的js 并且重新加载
那类推 第三次就是 masonry.css?_v=3
由于页面引用了大量的js和css 这样会导致带宽浪费(即使开启了gzip)
网上搜索方法找到了 可以在引用页面加入同样的?_v=2 这样触发加载新内容就会读取浏览器缓存的js 和css
比如
<script src="masonry.js?_v=2"></script>
相关文章推荐
- SpringBind对象到页面时,用ajax提交form表单内容,后台无法获取绑定对象问题
- js操作cookie;js的setInterval;C#获取指定页面的内容;Ajax.dll的使用
- 利用ajax在index页面自动执行方法并显示相关内容,在执行相关按钮操作(如登录注册)后返回index页面后ajax不执行,无法显示相关内容的问题解决方法之一
- 关于HTML发送AJAX请求一直重复刷新页面问题
- 解决 hybird 应用中重复获取 WebView,导致页面元素无法识别的问题
- JQueryMobel页面绑定pageinit事件采用ajax创建listview,转到其他界面返回时导致listview重复问题
- 解决 hybird 应用中重复获取 WebView,导致页面元素无法识别的问题
- easyui关于解决tab添加的页面通过href加载数据内容的页面刷新后form表单重复提交的问题;
- 解决 hybird 应用中重复获取 WebView,导致页面元素无法识别的问题
- ajax提交相同url,重复发送请求后台,页面无更新的问题解决
- AJAX进入方法设置Session,需要刷新页面jsp才能获取值的问题
- ajax简单html页面内容获取
- Node解决简单重复问题系列之Excel内容的获取
- python获取远程页面内容,避免卡死问题
- 关于如何在织梦的内容页面获取文章的id的问题
- 遇到的问题---jsp的ajax请求相同页面,服务端更新后浏览器仍然显示第一次的内容
- 解决 hybird 应用中重复获取 WebView,导致页面元素无法识别的问题
- ajax获取页面历史记录内容
- 遇到的问题---jsp的ajax请求相同页面,服务端更新后浏览器仍然显示第一次的内容
- dwz框架的table,页面初始化用ajax获取并设置表格内容后,表格没有点击事件等。