前后端交互(url输入地址栏后的过程+get和post的区别)
输入地址栏后经历的过程1、当地址输入ul地址栏时经历的过程浏览器根据 DNS 服务器解析得到域名的 IP 地址向这个 IP 的机器发送 HTTP 请求服务器收到、处理并返回 HTTP 请求浏览器得到返回内容浏览器对其进行渲染渲染过程根据 HTML 结构生成 DOM 树根据 CSS 生成 CSSOM将 DOM 和 CSSOM 整合形成 RenderTree根据 RenderTree 开始渲染和展示遇
·
输入地址栏后经历的过程
1、当地址输入ul地址栏时经历的过程
- 浏览器根据 DNS 服务器解析得到域名的 IP 地址
- 向这个 IP 的机器发送 HTTP 请求
- 服务器收到、处理并返回 HTTP 请求
- 浏览器得到返回内容
- 浏览器对其进行渲染
渲染过程 - 根据 HTML 结构生成 DOM 树
- 根据 CSS 生成 CSSOM
- 将 DOM 和 CSSOM 整合形成 RenderTree
- 根据 RenderTree 开始渲染和展示
- 遇到script标签时,会执行并阻塞渲染
2、url地址是谁来写的呢
- 在开发中,url是开会前就决定好的,有一点个接口文档,前后端需要参照接口文档,才能实现前后端的交互,但是URL主要是由后台来写的,写好了后,前端开发者发送ajax请求时发送的地址就是后台写的这个地址.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数,这里的查询参数也就是URL请求的参数。
3、接口文档主要由谁来写
- 后台是最清楚,数据库里面有什么数据,能返回什么数据.所以一般接口文档是由后端写,但是开会的时候已经决定好了,前端根据接口文档搭好接口即可,前端是接口的使用者,当发现有问题时前端不能自作主张,自行修改,应该跟后台沟通,让后台来进行修改。
4、前后端是如何进行交互的呢
- 根据上面我们提的接口地址老实现的,需要发送的数据前后端根据需求来定,数据发送的格式事先需要商榷好,以及发送的方式
5、发送的方式
- 发送的放是分两种,一种是get,一种是post,那么他们之间有什么区别呢
- GET请求会被浏览器主动cache,而POST不会,除非手动设置。
- GET请求只能进行url编码,而POST支持多种编码方式。
- GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。
- GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息。
- GET参数通过URL传递,POST放在Request body中。
- GET产生一个TCP数据包;POST产生两个TCP数据包。
6、前端需要发送什么数据跟后台,后台需要什么数据呢
- 一般来说:前端请求的URL后面的参数,是辅助后台数据查询的.如果没有传递参数,那么后台就会直接给个URL给前端.
综上所述
- 前后端交互需要满足以下几点
- 1、前后端交互的地址即接口地址
- 2、前端传的参数,后台进行获取和查找
- 3、发送方式的选择是GET还是POST
- 以上几点需要在接口文档中呈现,前后端在开始动手前就需要把接口文档中的内容决定好,然后再参照文档开始写项目
更多推荐
所有评论(0)