HTTP 304错误的详细讲解


Posted in Javascript onNovember 13, 2013

Not Modified 客户端有缓冲的文档并发出了一个条件性的请求(一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档)。服务器告诉客户,原来缓冲的文档还可以继续使用。

如果客户端在请求一个文件的时候,发现自己缓存的文件有 Last Modified ,那么在请求中会包含 If Modified Since ,这个时间就是缓存文件的 Last Modified 。因此,如果请求中包含 If Modified Since,就说明已经有缓存在客户端。只要判断这个时间和当前请求的文件的修改时间就可以确定是返回 304 还是 200 。对于静态文件,例如:CSS、图片,服务器会自动完成 Last Modified 和 If Modified Since 的比较,完成缓存或者更新。但是对于动态页面,就是动态产生的页面,往往没有包含 Last Modified 信息,这样浏览器、网关等都不会做缓存,也就是在每次请求的时候都完成一个 200 的请求。

因此,对于动态页面做缓存加速,首先要在 Response 的 HTTP Header 中增加 Last Modified 定义,其次根据 Request 中的 If Modified Since 和被请求内容的更新时间来返回 200 或者 304 。虽然在返回 304 的时候已经做了一次数据库查询,但是可以避免接下来更多的数据库查询,并且没有返回页面内容而只是一个 HTTP Header,从而大大的降低带宽的消耗,对于用户的感觉也是提高。

当这些缓存有效的时候,通过 HttpWatch 查看一个请求会得到这样的结果:

第一次访问 200

鼠标点击二次访问 (Cache)

按F5刷新 304

按Ctrl+F5强制刷新 200

如果是这样的就说明缓存真正有效了。以上就是我对 HTTP 304 的一个理解。

Javascript 相关文章推荐
面向对象的编程思想在javascript中的运用上部
Nov 20 Javascript
js/jquery去掉空格,回车,换行示例代码
Nov 05 Javascript
javascript学习笔记(八)正则表达式
Oct 08 Javascript
JavaScript数组对象实现增加一个返回随机元素的方法
Jul 27 Javascript
gameboy网页闯关游戏(riddle webgame)--仿微信聊天的前端页面设计和难点
Feb 21 Javascript
新入门node.js必须要知道的概念(必看篇)
Aug 10 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
Vuejs中使用markdown服务器端渲染的示例
Nov 22 Javascript
详解小程序rich-text对富文本支持方案
Nov 28 Javascript
js指定日期增加指定月份的实现方法
Dec 19 Javascript
JS代码检查工具ESLint介绍与使用方法
Feb 04 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 #Javascript
js字母大小写转换实现方法总结
Nov 13 #Javascript
jQuery替换字符串(实例代码)
Nov 13 #Javascript
js 将json字符串转换为json对象的方法解析
Nov 13 #Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 #Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 #Javascript
JavaScript改变HTML元素的样式改变CSS及元素属性
Nov 12 #Javascript
You might like
短波的认识
2021/03/01 无线电
生成静态页面的php函数,php爱好者站推荐
2007/03/19 PHP
php SQL之where语句生成器
2009/03/24 PHP
PHP 5.3.0 安装分析心得
2009/08/07 PHP
PHP将DateTime对象转化为友好时间显示的实现代码
2011/09/20 PHP
php三元运算符知识汇总
2015/07/02 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
php输出形式实例整理
2020/05/05 PHP
extjs 学习笔记(二) Ext.Element类
2009/10/13 Javascript
jquery Tab效果和动态加载的简单实例
2013/12/11 Javascript
原生js实现模拟滚动条
2015/06/15 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
2015/11/17 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
JS中创建函数的三种方式及区别
2016/03/13 Javascript
基于javascript实现最简单选项卡切换
2017/02/01 Javascript
js实现登录注册框手机号和验证码校验(前端部分)
2017/09/28 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
详解.vue文件解析的实现
2018/06/11 Javascript
Vue 报错TypeError: this.$set is not a function 的解决方法
2018/12/17 Javascript
深入分析element ScrollBar滚动组件源码
2019/01/22 Javascript
Vue实现计算器计算效果
2020/08/17 Javascript
Python遍历指定文件及文件夹的方法
2015/05/09 Python
Python判断字符串与大小写转换
2015/06/08 Python
Python随机生成带特殊字符的密码
2016/03/02 Python
win10系统中安装scrapy-1.1
2016/07/03 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
浅谈django orm 优化
2018/08/18 Python
在python中利用numpy求解多项式以及多项式拟合的方法
2019/07/03 Python
Mamas & Papas沙特阿拉伯:英国最受欢迎的婴儿品牌
2017/11/20 全球购物
试用期转正员工自我评价
2014/09/18 职场文书
中学生运动会新闻稿
2014/09/24 职场文书
民间借贷协议书范本
2014/10/01 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书