新闻资讯  快讯  焦点  财经  政策  社会
互 联 网   电商  金融  数据  计算  技巧
生活百科  科技  职场  健康  法律  汽车
手机百科  知识  软件  修理  测评  微信
软件技术  应用  系统  图像  视频  经验
硬件技术  知识  技术  测评  选购  维修
网络技术  硬件  软件  设置  安全  技术
程序开发  语言  移动  数据  开源  百科
安全防护  资讯  黑客  木马  病毒  移动
站长技术  搜索  SEO  推广  媒体  移动
财经百科  股票  知识  理财  财务  金融
教育考试  育儿  小学  高考  考研  留学
您当前的位置:首页 > IT百科 > 站长技术 > 网站

HTTP404...前端必知,精辟简介

时间:2019-11-29 11:05:58  来源:  作者:

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://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一起使用

 

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



Tags:404.   点击:()  评论:()
声明:本站部分内容来自互联网,内容观点仅代表作者本人,如有任何版权侵犯请与我们联系,我们将立即删除。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
图片来源-segmentfault1、介绍HTTP,超文本传输协议,是互联网中最为常用的一种网络协议。 2、组成HTTP协议有HTTP请求和HTTP响应组成。 3、HTTP请求编辑一个form表单页面,如下:...【详细内容】
2019-11-29   404.  点击:(0)  评论:(0)  加入收藏
相关文章
    无相关信息
最新更新
栏目热门
栏目头条