HTTP404…前端必知,精辟简介

图片来源-segmentfault 1、介绍 HTTP,超文本传输协议,是互联网中最为常用的一种网络协议。 2、组成 HTTP协议有HTTP请求和HTTP响应组成。 3、HTTP请求 编辑一个form表单页面,如下: 1 html

图片来源-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://localhost: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       //当前主机名
Content-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/html: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:02 GMT
Content-Type:text/html
Content-Language:312
Date:Thu,30 Jun 2016 12:31:12 GMT
//响应体
<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>HTTP TEST</title>
</head>
<body>
<form action=”demo1.html” method=”POST”>
<input type=”text” name=”username”><br>
<input type=”password” name=”password”><br>
<input type=”submit” value=”测试HTTP请求”><br>
</form>
</body>
</html>

响应行介绍:
200:请求成功
302:请求重定向
304:请求资源没有改变,访问本地的缓存
404:访问的资源不存在
500:服务器内部错误

响应头介绍:
Location:指定响应的路径
Content-Type:响应的正文的类型,取值:text/html;charset=UTF-8
Content-Disposition:通过浏览器以下载方式解析正文,取值:attachment,filename=xx.zip
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一起使用

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

版权声明:(HTTP404…前端必知,精辟简介)旨在分享知识。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件标题或链接至 itousu@foxmail.com ,本站将立刻删除。
(0)
上一篇 2021年2月16日 上午8:35
下一篇 2021年2月16日 上午8:38
hao123w, hao123生活号 - 让生活更简单!,更多信息请访问 http://www.hao123w.com/