Blogger Information
Blog 29
fans 1
comment 0
visits 14783
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
JSON常用api与前后端交互原理
风车
Original
559 people have browsed it

前后端交互原理

传统的前后端交互中,首先由前端向后端发起http请求,后端接收到请求后会对当前请求进行对应的http响应,发送对应的HTML文档,这样的方法会受到带宽的影响。
现在有一个全新的文档传输方式,就是将页面中对象传化成JSON字符串,然后从前端传输到后端存储,当前端需要时,再又后端将JSON字符串传输到前端,由前端JS解析之后直接使用

JSON存储和交换数据的语法
JSON是一种轻量级的数据交换形式
JSON使用的是js的语法,但是JSON是纯文本格式,文本格式可以被任何编程语言作为数据来读取

js对象 -> json -> 后端php/java

stringify :通过stringifr 将JS对象转换为字符串,传送到后端

  1. const user = {
  2. id: 1,
  3. name: '猪老师',
  4. isMarried: true,
  5. };
  6. // js对象 -> json
  7. let json = JSON.stringify(user);
  8. console.log(json);

后端php/java -> json -> js对象
注:模板字面量, 反引号,支持多行字符串的缩写
parse 将json字符串解析成JS对象

  1. // str 是从后端返回的json字符串
  2. let str = `{
  3. "id": 10,
  4. "name": "手机",
  5. "price": 8899
  6. }`;
  7. let item = JSON.parse(str);
  8. console.log(item);
Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post