js基础知识——前后端交互

一、什么是前后端交互

• 其实就是一个前后端通讯，是在开发中必不可少的技能，目前用到的技术是ajax

二、前后端交互流程

• 前端开发中，在某一个时刻（页面在首次打开渲染的时候，或者点击下一页需要新的数据时）此时通过ajax向后端（服务器）发送一个请求，拿到所谓的数据
  • 发送请求需要传一些参数（告诉你要什么东西）如果你不知，向组长要一个 '接口文档'

三、传输协议

• 还有一个协议：https (http升级版)，相对http安全些
• 根据传输协议规定：必须是前端向后端发送请求，发送请求的时候如果要携带参数，必须是字符串格式

四、传输协议的流程

1. 建立连接：

   • 要求 浏览器和服务端建立一个连接

2. 发送请求：

   • 要求 前端必须以“请求报文”的形式发送；
   • 请求 报文有浏览器进行组装，我们只需要提供对应的信息即可
     • 比如 ：请求的方式 请求的地址 请求需要的参数

3. 接收响应

   • 要求 后端必须以'响应报文'的形式返回

   • 响应报文内有一个东西叫做 响应状态码

        ##响应状态码
          100~199 表示连接还在继续
          200~299 表明连接各种成功 但现在只会返回一个200
          300~399  表明请求重定向
          400~499  表明请求失败  (但只会看到一些403 404 401 400  一般以 4 开头的是 前端的的问题)
          500~599  表明服务器出错 (跟前端无关，是后端的问题)
     

4. 断开连接

   • 浏览器和服务器连接断开