【年薪百万之IT界大神成长之路一】（上篇）震惊！！搞懂JSON，深入剖析前后台传值等问题，仅此一篇文章就够了！！！

 

前后台数据交互肯定是很多人都很头疼的问题

尤其是前后端传值的问题，要使用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...