输入地址栏后经历的过程

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
  • 以上几点需要在接口文档中呈现,前后端在开始动手前就需要把接口文档中的内容决定好,然后再参照文档开始写项目
Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐