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

it2024-03-09  85

 

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

尤其是前后端传值的问题,要使用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的值可以是对象、数组、数字、字符串或者三个字面值(falsenulltrue)中的一个。值中的字面值中的英文必须使用小写***后面有解释 {"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...

最新回复(0)