请求与响应

HTTP 请求与响应

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 要上传的数据

关于以上各部分内容的碎碎念：

1.请求最多包含四部分，最少包含三部分。（也就是说第四部分可以为空）
2.第三部分永远都是一个回车（n），用于分开第二部分和第四部分，必不可少
3.常用动词有 GET获取 POST获取时还传数据 PUT替换所有 PATCH部分替换 DELETE删除等，一般只获取数据不上传就用GET，当要上传数据时就用POST，除此之外还有HEAD、OPTIONS等
4.这里的路径包括「查询参数」，但不包括「锚点」，如果你没有写路径，那么路径默认为 /
5.第 2 部分中的 Content-Type 标注了第 4 部分的格式，两者是一致的

用 Chrome 发请求

1.打开 Network
2.地址栏输入网址
3.在 Network 点击，查看 request，点击「view source」，一定要点否则看不到，这里只会显示请求的前三部分。
4.如果有请求的第四部分，那么在 FormData 或 Payload 里面可以看到

HTTP 响应的组成的四部分：

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

关于以上各部分内容的碎碎念：

1.状态码要背，详情请点击这
2.第 2 部分中的 Content-Type 遵循 MIME 规范，而且还标注了第 4 部分的格式，两者是一致的。

用 Chrome 查看响应

1.打开 Network
2.输入网址
3.选中第一个响应
4.查看 Response Headers，点击「view source」，一定要点否则看不到，点击后你能看到响应的前两部分
5.查看 Response 或者 Preview，你会看到响应的第 4 部分

关于JS操作请求与响应的一些小笔记

用JS发请求

//获取登录页面
//创建AJAX对象
var r = new XMLHttpRequest()
//设置请求方法和请求地址
r.open('GET','/login',true)
//注册响应函数
r.onreadystatechange = function(){console.log('state change',r)
}
//发送请求
r.send()