HTTP 请求与响应HTTP 请求的组成的四部分:1 动词 路径 协议/版本2 Key1: value12 Key2: value22 Key3: value32 Content-Type: application/x-www-form-urlencoded2 Host: www.baidu.com2 User-Agent: curl/7.54.034 要上传的数据关于以上各部分内容的碎碎念:1.请求最多包含四部分,最少包含三部分。(也就是说第四部分可以为空)2.第三部分永远都是一个回车(n),用于分开第二部分和第四部分,必不可少3.常用动词有 GET POST PUT PATCH DELETE等,一般只获取数据不上传就用GET,当要上传数据时就用POST4.这里的路径包括「查询参数」,但不包括「锚点」,如果你没有写路径,那么路径默认为 /5.第 2 部分中的 Content-Type 标注了第 4 部分的格式,两者是一致的用 Chrome 发请求1.打开 Network2.地址栏输入网址3.在 Network 点击,查看 request,点击「view source」,一定要点否则看不到,这里只会显示请求的前三部分。4.如果有请求的第四部分,那么在 FormData 或 Payload 里面可以看到HTTP 响应的组成的四部分:1 协议/版本号 状态码 状态解释2 Key1: value12 Key2: value22 Content-Length: 179312 Content-Type: text/html34 要下载的内容关于以上各部分内容的碎碎念:1.状态码要背,详情请点击这2.第 2 部分中的 Content-Type 遵循 MIME 规范,而且还标注了第 4 部分的格式,两者是一致的。用 Chrome 查看响应1.打开 Network2.输入网址3.选中第一个响应4.查看 Response Headers,点击「view source」,一定要点否则看不到,点击后你能看到响应的前两部分5.查看 Response 或者 Preview,你会看到响应的第 4 部分关于JS操作请求与响应的一些小笔记1.JS可以设置任意请求 header 吗?第一部分 request.open(‘get’,’/xxx’)第二部分 request.setHeader(‘content-type’,‘x-www-form-urlencoded’)第四部分 request.send(‘a=1&b=2’)2.JS可以设置任意响应 header 吗?第一部分 request.status/request.statusText第二部分 request.getResponseHeader()/request.getAllResponseHeaders()第四部分 request.responseText