HTTP404…前端必知,精辟简介

图片来源-segmentfault

1、介绍

HTTP,超文本传输协议,是互联网中最为常用的一种网络协议。

2、组成

HTTP协议有HTTP请求和HTTP响应组成。

3、HTTP请求

编辑一个form表单页面,如下:

1 <html> 2 <head> 3 <meta charset=”UTF-8″> 4 <title>HTTP TEST</title> 5 </head> 6 <body> 7 <form action=”demo1.html” method=”POST”> 8 <input type=”text” name=”username”><【我.爱.线.报.网.】br> 9 <input type=”password” name=”password”><br> 10 <input type=”submit” value=”测试HTTP请求”><br> 11 </form> 12 </body> 13 </html>

点击提交按钮,抓包如下:

//请求行

POST

/zhoubin/document/demo1.html HTTP/1.1, //请求路径

//请求头

Accept:text/html,application/xhtml+xml,*/*     //浏览器可支持的文件类型

Referer:http://localh【我.爱.线.报.网.】ost:8080/zhoubin/document/demo1.html //刷新

Accept-Lanuage:zh-CN       //接收的语言类型

User-Agent:Mozilla/5.0(compatiable:MSIE 9.0 Windows NT 6.1 …) //用户当前使用的客户端信息(浏览器、操作系统等)

Content-Type:application/x-xxx-form-urlencoded   //请求的类型

Accept-Encoding:gzip,deflate      //编码格式

Host:localhost:8080       //当前主机名

Conte【我.爱.线.报.网.】nt-Lenght:30        //请求体的长度

Connection:Keep-Alive       //保持连接

Cache-Control:no-Cache

//请求体

username=zhangsan&password=123

请求行介绍:

请求方式:POST、GET,当为POST是时,请求体中会有请求的参数;如果为GET,那么请求的参数不会在请求体中,而是会拼接在url地址后面。

请求的资源:

/zhoubin/document/demo1.html

协议版本:HTTP/1.0:发送请求,创建一次连接,获得一个Web资源,连接断开。

HTTP/1.1:发送请求,创建一次连接,获得多个Web资【我.爱.线.报.网.】源,保持连接。

常见请求头介绍:

Referer:浏览器通知服务器,当前请求来自何处。如果是直接访问,就不会有这个头。常用于:防盗链。

If-Modified-Since:浏览器通知服务器,本地缓存的最后变更时间,与另一个响应头组合控制浏览器页面的缓存。

Cookie:与会话技术有关,用于存放浏览器缓存的Cookie信息。

User-Agent:浏览器通知服务器,客户端浏览器与操作系统相关信息。

Connection:保持连接状态,Keep-Alive:连接中,close:已关闭。

Host:请求的服务器主机名。

Content-Lenght:请求体的长度。

Accept:浏览器可支持的文件类型,text/ht【我.爱.线.报.网.】ml:html文件、text/css:css文件、text/javascript:js文件、image/*:所有图片文件。

Accept-Ecoding:浏览器通知服务器,浏览器支持的数据压缩格式,如gzip压缩。

Accept-Language:浏览器通知服务器,浏览器支持的语言,各国语言(国际化il8n)。

4、HTTP响应

响应内容如下:

//响应行

HTTP/1.1 200 OK

//响应头

Server:Apache-Coyote/1.1

Accept-Ranges:bytes

ETag:W/”312-1467289802502″

Last-Modified:Thu,30 Jun 2016 12:30:0【我.爱.线.报.网.】2 GMT

Content-Type:text/html

Content-Language:312

Date:Thu,30 Jun 2016 12:31:12 GMT

//响应体

HTTP TEST

</html>

响应行介绍:

200:请求成功

302:请求重定向

304:请求资源没有改变,访问本地的缓存

404:访问的资源不存在

500:服务器内部错误

响应头介绍:

Location:指定响应的路径

Content-Type:响应的正文的类型,取值:text/html;charset=UTF-8

Content-Disposition:通过浏览器以下载方式解析正文,取值:attachment,filename=xx.zi【我.爱.线.报.网.】p

Set-Cookie:与会话技术相关,服务器向浏览器写入Cooike

Content-Encoding:服务器使用的压缩格式,取值gzip

Refresh:定时刷新,格式:秒数;url=路径,其中url可省略,默认值为当前页,取值:3:url=www.itcast.cn,意味3秒刷新页面到www.itcast.cn

Server:指服务器名称,默认值:Apache-Coyote/1.1,可以通过conf/server.xml配置进行修改

Last-Modified:服务器通知浏览器,文件的最后修改时间,与If-Modified-Since一起使用

响应体介绍:响应体是服务器会写给客户端的正文内容,浏览【我.爱.线.报.网.】器将正文加载到内存,然后解析渲染显示页面内容。

推荐阅读

给力项目线报网会员可免费下载 加入会员
友情提醒: 请尽量登录购买,防止付款了不发货!
QQ交流群:226333560 站长微信:qgzmt2
温馨提示:本站提供的一切软件、教程和内容信息都来自网络收集整理,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,版权争议与本站无关。用户必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

给TA打赏
共{{data.count}}人
人已打赏
行业资讯

豆瓣英美剧排行榜前十名(豆瓣TOP10公布!今年评分最高的十部英美剧,你看过几部?)

2024-5-22 15:22:28

行业资讯

陈引弟简历(人物 | 陈引驰的两个世界)

2024-5-22 15:42:56

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索