前后端交互原理
传统的前后端交互中,首先由前端向后端发起http请求,后端接收到请求后会对当前请求进行对应的http响应,发送对应的HTML文档,这样的方法会受到带宽的影响。
现在有一个全新的文档传输方式,就是将页面中对象传化成JSON字符串,然后从前端传输到后端存储,当前端需要时,再又后端将JSON字符串传输到前端,由前端JS解析之后直接使用
JSON存储和交换数据的语法
JSON是一种轻量级的数据交换形式
JSON使用的是js的语法,但是JSON是纯文本格式,文本格式可以被任何编程语言作为数据来读取
js对象 -> json -> 后端php/java
stringify :通过stringifr 将JS对象转换为字符串,传送到后端
const user = {
id: 1,
name: '猪老师',
isMarried: true,
};
// js对象 -> json
let json = JSON.stringify(user);
console.log(json);
后端php/java -> json -> js对象
注:模板字面量, 反引号,支持多行字符串的缩写
parse 将json字符串解析成JS对象
// str 是从后端返回的json字符串
let str = `{
"id": 10,
"name": "手机",
"price": 8899
}`;
let item = JSON.parse(str);
console.log(item);