前端入门知识饥人谷技术博客web

HTTP入门

2018-10-28  本文已影响1人  阿小经

目录

  • HTTP是什么
  • HTTP请求
  • HTTP响应
  • 如何用 Chrome 查看请求
  • 如何用 Chrome 查看响应
  • 如何使用 curl 命令

HTTP是什么?

超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。

HTTP是一个客户端服务器端请求和应答的标准(TCP)。客户端是终端用户,服务器端是网站。通过使用Web浏览器网络爬虫或者其它的工具,客户端发起一个到服务器上指定端口(默认端口为80)的HTTP请求。

通常,由HTTP客户端发起一个请求,建立一个到服务器指定端口(默认是80端口)的TCP连接。HTTP服务器则在那个端口监听客户端发送过来的请求。一旦收到请求,服务器(向客户端)发回一个状态行,比如"HTTP/1.1 200 OK",和(响应的)消息,消息的消息体可能是请求的文件、错误消息、或者其它一些信息。

服务器与浏览器的交互

HTTP请求

请求最多包含四部分,最少包含三部分。(也就是说第四部分可以为空),格式如下:

1 动词 路径 协议/版本
2 Key1: value1
2 Key2: value2
2 Key3: value3
2 Content-Type: application/x-www-form-urlencoded
2 Host: www.baidu.com
2 User-Agent: curl/7.54.0
3
4 要上传的数据(可为空)

示例:

POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.54.0
Accept: */*
Frank: xxx
Content-Length: 10
Content-Type: application/x-www-form-urlencoded

1234567890

备注:
1.第三部分永远都是一个回车(\n)
2.动词有 GET POST PUT PATCH DELETE HEAD OPTIONS 等
3.这里的路径包括「查询参数」,但不包括「锚点」
4.如果你没有写路径,那么路径默认为/
5.第 2 部分中的 Content-Type 标注了第 4 部分的格式

HTTP响应

格式

1 协议/版本号 状态码 状态解释
2 Key1: value1
2 Key2: value2
2 Content-Length: 17931
2 Content-Type: text/html
3
4 要下载的内容

示例:

HTTP/1.1 200 OK
Accept-Ranges: bytes
Cache-Control: private, no-cache, no-store, proxy-revalidate, no-transform
Connection: Keep-Alive
Content-Length: 2443
Content-Type: text/html
Date: Tue, 10 Oct 2017 09:14:05 GMT
Etag: "5886041d-98b"
Last-Modified: Mon, 23 Jan 2017 13:24:45 GMT
Pragma: no-cache
Server: bfe/1.0.8.18
Set-Cookie: BDORZ=27315; max-age=86400; domain=.baidu.com; path=/

<!DOCTYPE html>
<!--STATUS OK--><html> <head> 后面太长,省略了……
HTTP/1.1 302 Found
Connection: Keep-Alive
Content-Length: 17931
Content-Type: text/html
Date: Tue, 10 Oct 2017 09:19:47 GMT
Etag: "54d9749e-460b"
Server: bfe/1.0.8.18

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"> 后面太长,省略了……

备注:

HTTP状态码大全——维基百科

如何用 Chrome 查看请求

1.网页页面右击,选择“检查”
2.打开 Network
3.地址栏输入网址
4.在 Network 点击,查看 request,点击「view source」
5.点击「view source」
6.如果有请求的第四部分,那么在 FormData 或 Payload 里面可以看到

Network
用Network查看请求

如何用 Chrome 查看响应

与查看请求类似
1.打开 Network
2.输入网址
3.选中第一个响应
4.查看 Response Headers,点击「view source」
5.你会看到响应的前两部分
6.查看 Response 或者 Preview,你会看到响应的第 4 部分


用Network查看响应

如何使用 curl 命令

Git Bush输入命令:

请求的内容为:

GET / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.54.0
Accept: */*
Frank: xxx
POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.54.0
Accept: */*
Frank: xxx
POST / HTTP/1.1
Host: www.baidu.com
User-Agent: curl/7.54.0
Accept: */*
Frank: xxx
Content-Length: 10
Content-Type: application/x-www-form-urlencoded

1234567890

URL

通过URL你可以确定一个「唯一的」地址(网址 URL

end

上一篇下一篇

猜你喜欢

热点阅读