博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
请求与响应
阅读量:6874 次
发布时间:2019-06-26

本文共 1474 字,大约阅读时间需要 4 分钟。

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()

JS可以设置任意请求 header 吗?

第一部分 request.open('get','/xxx')

第二部分 request.setHeader('content-type','x-www-form-urlencoded')
第四部分 request.send('a=1&b=2')

JS可以设置任意响应 header 吗?

第一部分 request.status/request.statusText

第二部分 request.getResponseHeader()/request.getAllResponseHeaders()
第四部分 request.responseText

转载地址:http://jslfl.baihongyu.com/

你可能感兴趣的文章
Android 注解系列之Annotation(二)
查看>>
JavaEE进阶知识学习-----SpringCloud(五)Eureka和Zookeeper区别
查看>>
Function构造函数、 函数声明 、 函数表达式 的区别
查看>>
类似if一样的自定义代码块
查看>>
[译]如何在 iOS 上实现类似 Airbnb 中的可展开式菜单
查看>>
极光推送集成Module中遇到的坑
查看>>
读书笔记 Effective Objective C 2 0 (未完待续)
查看>>
利用transform实现表头固定
查看>>
使用SSH RSA key免密码登录Linux服务器
查看>>
如何绑定页面生命周期(二)-基于Android Architecture Components的Lifecycle实现
查看>>
互联网安全内容安全及防护
查看>>
Nginx location配置解析
查看>>
element 学习借鉴 p1
查看>>
给富文本内容中的图片添加一个与App端交互事件
查看>>
JavaScript 编年小史
查看>>
Python大佬分析了15万歌词,告诉你民谣歌手们到底在唱什么
查看>>
教你用一条SQL搞定跨数据库查询难题
查看>>
09 用MaterialRefreshLayout实现下拉刷新&上拉加载更多(与服务器交互)
查看>>
零基础带你吃掉JNI全家桶(三)
查看>>
前端项目框架搭建随笔---DatePicker组件编写
查看>>