成为一个合格的前端工程师 - HTTP - 1

HTTP 权威指南 第3章

第三章的笔记

http报文结构

起始行 + 首部*n + 主体

这里值得注意的是 请求体和首部都是 ASCII 文本。也就是不支持中文。

下面是我利用Fiddle抓的包。

Paste_Image.png

左边是抓到的16进制报文,右边是文本。从高亮的地方可以看出无论是其实行或者一个首部的结束,全部首部的结束都是以 0D 0A 结尾的,这个0D 0A 就是 CRLF 。

方法

HTTP 方法有GET,POST,HEAD,PUT,TRACE,OPTIONS,其他扩展方法。

GET ,POST 不提。

HEAD

HEAD 方法等价于不会收到实体的GET请求。其他的完全等价。

app.get('/head', function (req, res) {
    res.render('head');
});

// head方法并不会接受跑这里
app.post('/head', function (req, res) {
    res.sendStatus(403)
});
成为一个合格的前端工程师 - HTTP - 1_第1张图片
返回

PUT

往服务器添加数据的方法,不会用,书里也没有详细说明,占坑。

DELETE

删除某项数据,占坑

OPTIONS

返回目标接口能够接受的方法,和head方法一样,在后台中去定义OPTIONS接口。

TRANCE

发送TRANCE请求后会受到服务器接受报文时,报文的样子。
我们发送的请求可能会经过中间http应用程序,它可能会对报文进行处理后再转发,所以目标服务器接收到的可能跟客户端发送的不太一样,通过这个方法可以查看是否改变了原来的报文以及改变的情况。

状态码

100 - 199

100

当客户端在需要通过一个接口发送实体给服务器前,想测试这个借口是否支持发送实体时就可以发送带 Expect:100-continue 的报文,当服务器支持时发送 状态码为 100 的响应报文。

注:经过测试 ajax 拒绝设置 Expect 首部。所以对前端工程师来说根本没用,另外,我用fiddle强行改动报文也没有返回期待的回复,请懂得告诉我。

下面是ajax不能设置的请求头部清单:

Accept-Charset
Accept-Encoding
Access-Control-Request-Headers
Access-Control-Request-Method
Connection
Content-Length
Cookie
Cookie2
Date
DNT
Expect
Host
Keep-Alive
Origin
Referer
TE
Trailer
Transfer-Encoding
Upgrade
User-Agent
Via

201

一般用于 PUT 方法成功的响应状态码

204

同 200 一样都是表示成功的,不同的地方在于带 204 状态码的报文不应该带有主体,而且如果你使用表单发送请求,那么 204 不会让你的浏览器再次渲染。如果是 200 即使是实体没有内容也会渲染一个空页面。

205

205 同 204 有点像,他也不会刷新页面,规范要求浏览器接收到 205 报文后,清空页面中的表单内容。目前还没有一个浏览器支持205, 大部分的浏览器, 都会把205当做204或者200同样对待.

206

成功返回要求部分的资源,这个留着后面讲,占坑

300

当一个 url 有很多个版本可以提供的时候,(比如多个语言版本时),会涉及这个状态码,占坑

305

** 占坑 **

301 302 303 307

这4个重定向都是告知浏览器,把请求发到一个新的地址,这个地址会在报文的 Location 首部中给出。下面是其不同点。

1.302 和 303 作用是一样的

只是HTTP版本的问题( HTTP 只有 302 ),但是经过试验,没任何不同.

2.301 表示资源永远搬到新的地址

301 相比于其他的区别在与搜索引擎 .HTTP返回码中301与302的区别

3.307 会想新的地址发送同样方法的请求,其他3个都是用get方法。

307 的重定向会保留原来的请求,如 你用 POST 方法访问 url1, 返回 状态码为 307 ,Location 为 url2 的报文,那么浏览器就会用 POST 去访问 url2 ,其他的会变成 get 方法。

304

缓存问题,占坑。

  • 注: 发送ajax 的时候,只会返会 重定向之后的返回结构,根本抓不到中间的重定向信息。

4** 5**

这章节就简单的列出来。占坑

你可能感兴趣的:(成为一个合格的前端工程师 - HTTP - 1)