简单认识前后端交互
- 如何与系统的前端和后端接口(通信)
=>技术栈：ajax
async 异步
JavaScript
and 和
严格 HTML 格式的数据
1. 创建ajax对象(用于发送ajax查询的“工具”)。
Const xhr = 新的 XMLHttp 请求 ()
2. 提供这一请求资料。
语法: xhr. Open( 请求方法、 请求地址、 是否移动)
->请求方式：按照接口文档书写
->请求地址：按照接口文档书写
->是否异步：默认是 true 表示 异步，选填false 表示 非异步(同步)
3、把请求发送出去
xhr. Send () 是语法 。
4、接受响应
因为ajax是敌对的, 使用附属事件触发器。
group: xhr. == == ==
时间: 在当前 Ajax 请求完成后触发 。
xhr 对象内有一个名为restonseText 的属性, 存储从后端返回的信息 。
最后更新：2022-03-10 11:50:00 手机定位技术交流文章
前后端交互
& & & & & & & & & & & & & & & & & & & & & & & & & & &
此课的目的是向您展示如何向服务器发送信息并接收其反馈。
如何与系统的前端和后端接口(通信)
http 通讯协议
我们决定了前后互动的方法
只有前端才能启动,后端才能接受这一协议。
1. 三次TCP/IPP握手
目标是建立客户和服务联系,以保持道路畅通。
2. 前端积极提出要求。
告诉我你最后想说什么
将申请表的所有内容送交前线。
2.1、请求报文行
=>传输协议版本 http/1.1
=>请求方式 get
=>请求地址 /xxxx/yyyy
2.2.2 标题请求(当前请求的推算)
关于用户用户客户端的客户端信息AAgent
客户平台操作系统
主机客户端的域名
当您在 cookie 区域有信息时, 信息会被自动传送 。
前型请求请求的数据格式
…
2.3. 要求报告空白项目
一个空白行
空白行用于区分请求书的头部和身体。
2.4、请求报文体
从前面到后端,信息是一致的。
post 会有
不,不是的,一切都和地址有关
3. 前端返回后端。
后端已经完成,准备进入前端
回应报告, 发送所有后端。
3.1、响应状态行
传输协议版本
响应状态码 200
简单描述 OK
三. 答复头条(关于这一答复的详情)
服务器版本
数据服务器上的时间
cont- type 服务器响应数据的格式
响应长度( 厘米)
…
3.3、响应报文体
后端将准确的数据发送到前端 。
4. 四台TCP/IPP基波浪
为了保证适当和安全的断开,
三次握手
四次挥手
响应状态码
用数字(成功/失败)标明请求的状况。
分成五类
1、100和199表示该链接仍在运行中。
二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二、二
3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3 3
304 缓存
301 临时重定向
302 永久重定向
四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四、四
404. 没有请求地址。
403 请求地址授权不足
5500-599 各种服务结束故障5500-599
请求方式
信息从前面传送到后面的方法 。
区别纯粹是概念性的,是不同的
1. 获得语义准入优惠
2. 捐助的语义性质为POST所偏爱。
3. PUT倾向于提交书的同义词(保留而不是列入提交书)。
4. DELETE赞成购置权的同义词(倾向于删除)。
5. 语义提交权选择权(变更提交权首选的语义提交权(变更提交权首选))
6. 总部行政领导喜欢获取语义(只是为了获得回复电文)。
7. 选择倾向于语义语言(以便获得服务器信息并获得服务器授权)。
8. CFONNECT 请求为代理连接保留管道连接
9、…
GET 与 POST 的区别
1、携带信息的位置
Get: 直接折叠在地址栏下方( 使用查询字符串)
POST: 书面请求
2、携带信息的格式
Get: 只查询字符串格式
POST:对格式没有限制,但您必须在请求中提交信息。
->查询字符串：application / x-www-form-urlencoded
->json字符串：application / json
->二进制流：mutlipart / form-data
3、携带信息的大小
GET：2KB
POST: 没有理论尺寸限制, 但是它受到服务器的限制 。
4、安全
GET 相对不安全
POST 相对安全
本文由 在线网速测试 整理编辑，转载请注明出处。
