2-html-协议相关

http协议

一、HTTP概述

HTTP(Hypper Text Transport Protocol), 即超文本传输协议。这个协议规定了浏览器和万维网服务器之间互相通信的规则

http就是一个通信规则，通信规则规定了客户端和服务器传输数据的内容格式，客户端发起的叫请求，服务端返回的叫响应

特点

• Http叫超文本传输协议，基于请求/响应模式
• http是无状态协议

二、请求协议

请求格式

• 请求行首：请求方式、请求路径、协议和版本
• 请求头信息：请求头名称: 请求头内容 k-v对，例如 Host: v.app.com
• 空行：分隔请求头和请求体
• 请求体：只有POST方式的才会有请求体

2.1、GET请求

http默认的请求方法就是GET，GET请求方法有如下特点

• 没有请求体
• 数据必须在1K之内
• GET请求数据会显露在浏览器地址栏中

GET请求常用的操作

• 1、在浏览器的地址栏中直接给出的url，那么就一定是GET请求
• 2、点击页面上的一个超链接也一定是GET请求
• 3、提交表单时，表单默认也是使用GET，但是也可以设置为POST请求

Accept:text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,/;q=0.8
Accept-Encoding:gzip, deflate, sdch
Accept-Language:zh-CN,zh;q=0.8
Cache-Control:no-cache
Connection:keep-alive
Cookie:csrftoken=z5H43ZwARx7AIJ82OEizBOWbsAQA2LPk
Host:127.0.0.1:8090
Pragma:no-cache
Upgrade-Insecure-Requests:1
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.89 Safari/537.36
Name
login/
1 requests ❘ 737 B transferred ❘ Finish: 5 ms ❘ DOMContentLoaded: 14 ms ❘ Load: 14 ms

2.2、POST请求

请求特点
* 1、数据不会出现在地址栏中
* 2、传输的数据大小没有上限
* 3、有请求体
* 4、请求地址中如果存在中文，则会对url进行编码，如username=%E5%BC%A0%E4%B8%89&password=123

• index.jsp：请求来自哪个页面，例如你在百度上点击链接到了这里，那么Referer:http://www.baidu.com；如果你是在浏览器的地址栏中直接输入的地址，那么就没有Referer这个请求头了；
• Content-Type: application/x-www-form-urlencoded：表单的数据类型，说明会使用url格式编码数据；url编码的数据都是以“%”为前缀，后面跟随两位的16进制。
• Content-Length:13：请求体的长度，这里表示13个字节。
• keyword=hello：请求体内容！hello是在表单中输入的数据，keyword是表单字段的名字。

Referer

Referer请求头是比较有用的一个请求头，它可以用来做统计工作，也可以用来做防盗链。
统计工作： 我公司网站在百度上做了广告，但不知道在百度上做广告对我们网站的访问量是否有影响，那么可以对每个请求中的Referer进行分析，如果Referer为百度的很多，那么说明用户都是通过百度找到我们公司网站的。

防盗链： 我公司网站上有一个下载链接，而其他网站盗链了这个地址，例如在我网站上的index.html页面中有一个链接，点击即可下载JDK7.0，但有某个人的微博中盗链了这个资源，它也有一个链接指向我们网站的JDK7.0，也就是说登录它的微博，点击链接就可以从我网站上下载JDK7.0，这导致我们网站的广告没有看，但下载的却是我网站的资源。这时可以使用Referer进行防盗链，在资源被下载之前，我们对Referer进行判断，如果请求来自本网站，那么允许下载，如果非本网站，先跳转到本网站看广告，然后再允许下载。

三、响应协议

3.1、响应内容

• 响应首行
• 响应头信息
• 空行
• 响应体

3.2、状态码

ref: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status/301

响应头对浏览器来说很重要，它说明了响应的真正含义。例如200表示响应成功了，302表示重定向，这说明浏览器需要再发一个新的请求。

• 200：请求成功，浏览器会把响应体内容（通常是html）显示在浏览器中；
• 404：请求的资源没有找到，说明客户端错误的请求了不存在的资源；
• 500：请求资源找到了，但服务器内部出现了错误；
• 302：重定向，当响应码为302时，表示服务器要求浏览器重新再发一个请求，服务器会发送一个响应头Location，它指定了新请求的URL地址；
• 304：
  
  • 1. 当用户第一次请求index.html时，服务器会添加一个名为Last-Modified响应头，这个头说明了
       index.html的最后修改时间，浏览器会把index.html内容，以及最后响应时间缓存下来。
  • 1. 当用户第
       二次请求index.html时，在请求中包含一个名为If-Modified-Since请求头，它的值就是第一次请
       求时服务器通过Last-Modified响应头发送给浏览器的值，即index.html最后的修改时间，
  • 1. If-Modified-Since请求头就是在告诉服务器，我这里浏览器缓存的index.html最后修改时间是这个,
       您看看现在的index.html最后修改时间是不是这个，如果还是，那么您就不用再响应这个index.html
       内容了，我会把缓存的内容直接显示出来。
  • 1. 而服务器端会获取If-Modified-Since值，与index.html
       的当前最后修改时间比对，如果相同，服务器会发响应码304，表示index.html与浏览器上次缓存的相
       同，无需再次发送，浏览器可以显示自己的缓存页面，如果比对不同，那么说明index.html已经做了修
       改，服务器会响应200。

3.3、其它响应关

告诉浏览器不要缓存的响应头：

Expires: -1；
Cache-Control: no-cache；
Pragma: no-cache；

3.4、HTML中指定响应头

在HTMl页面中可以使用<meta http-equiv="" content="">来指定响应头，例如在index.html页面中给出<meta http-equiv="Refresh" content="3;url=http://www.baidu.com">，表示浏览器只会显示index.html页面3秒，然后自动跳转到http://www.baidu.com‘>http://www.baidu.com