前后台数据交互肯定是很多人都很头疼的问题
尤其是前后端传值的问题,要使用json规范...
[catalog]
一、认识 JSON(上)
1. 合法的 json 示例
2. 非法的 json 示例
3. json 与 js 对象的关系
4. json 与 js 对象相互转化
二、前后台传值(下)
1. 请求 - 响应的方式有什么
2. 为什么发送请求时要传递参数
3. get 请求参数遇到中文为什么会乱码
4. 中文乱码怎么解决
5. 查询自己电脑系统,浏览器,当前项目,服务器所使用的的字符集
- 首先要弄明白JSON到底是什么
JSON(JavaScript Object Notation)翻译过来是:JS 对象简谱
这么看 json 和 js对象之间肯定存在着某些不为人知的关系,看长相也能够看出来,都有 js 两个字母
不过不急,先来看看官方定义,他和 js对象的关系放在下面讲解。
Json 是一种轻量级的数据交换格式。
采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。
- 使用json的优点
易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。- json的构成
JSON是一个序列化的对象或数组
由六个构造字符构成基本框架格式
英文含义 | 符号 | 中文含义 |
---|---|---|
begin-object | { | 左大括号 – 对象开始符 |
begin-array | [ | 左方括号 – 数组开始符 |
name-separator | : | 冒号 – 键值分隔符 |
value-separator | , | 逗号 – 键值对分隔符 |
end-array | ] | 右方括号 – 数组结束符 |
end-object | } | 右大括号 – 对象结束符 |
- 合法的 json示例
json的值可以是对象、数组、数字、字符串或者三个字面值(false、null、true)中的一个。值中的字面值中的英文必须使用小写。***后面有解释
{ "name": "John Doe", "age": 18, "address": { "country" : "china", "zip-code": "10000"}}
{ "a": 1, "b": [1, 2, 3]}
[1, 2, "3", { "a": 4}]
3.14
"plain_text"
- 上面的观看不方便,看格式化后的 json
- 非法的 json 示例
- 认识json之后可以讲json与js对象的关系了
JSON 实际上是 JavaScript 的一个子集,所以JSON 的数据格式和 JavaScript 是对应的。JSON 就是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。
json number → js number
json boolean → js boolean — 所以 false, true, null 必须要小写
json null → js null
json string → js string
json array → js array [ ]
json object → js object { }
var obj = { a: 'Hello', b: 'World'}; ---这是一个对象,注意键名也是可以使用引号包裹的
var json = '{"a": "Hello", "b": "World"}'; ---这是一个 JSON 字符串,本质是一个字符串
- 既然json是一个字符串还是js对象的子集,那么肯定可以和js对象互转
要实现从JSON字符串转换为JS对象,使用 JSON.parse() 方法:
var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //结果是 {a: 'Hello', b: 'World'}
要实现从JS对象转换为JSON字符串,使用 JSON.stringify() 方法:
var json = JSON.stringify({ a: 'Hello', b: 'World'}); //结果是 '{"a": "Hello", "b": "World"}'
至此,应该已经很清楚的了解什么是JSON了,下面就开始说一说前后台传值的问题
本想放在一篇内写完的,但由于时间有限,没能够验证清楚前后台编码到底应用什么样的规则,这篇文章就先搁浅到这,等验证清楚后把后续发出来。
to be continued...