Javascript中Json的使用
JSON
1、JSON概述
JSON:JavaScript Object Notation(JavaScript 对象标记法),它是一种存储和交换数据的语法。
当数据在浏览器与服务器之间进行交换时,这些数据只能是文本,JSON 属于文本并且我们能够把任何 JavaScript 对象转换为 JSON,然后将 JSON 发送到服务器。我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。以这样的方式,我们能够把数据作为 JavaScript 对象来处理,无需复杂的解析和转译。
2、JSON语法
在json中,每一个数据项,都是由一个键值对(或者说是名值对)组成的,但是键必须是字符串,且由双引号包围,而值必须是以下数据类型之一:
- 字符串(在 JSON 中,字符串值必须由双引号编写)
- 数字
- 对象(JSON 对象)
- 数组
- 布尔
- null
JSON 的值不可以是以下数据类型之一:
- 函数
- 日期
- undefined
因为 JSON 语法由 JavaScript 对象标记法衍生而来,所以很少需要其它额外的软件来处理 JavaScript 中的 JSON。
通过 JavaScript,您能够创建对象并向其分配数据,就像这样:
var person = {"name": "zhangsan", "age": 62, "city": "BeiJing"};
console.log(person);
3、JSON数据类型
3.1、JSON 字符串
JSON 中的字符串必须用双引号包围。
{"name": "John"}
1
3.2、JSON 数字
JSON 中的数字必须是整数或浮点数。
{"age": 30}
3.3、JSON 对象
JSON 中的值可以是对象,JSON 中作为值的对象必须遵守与 JSON 对象相同的规则。
{"employee": {"name": "Bill Gates", "age": 62, "city": "Seattle"}
}
3.4、JSON 数组
JSON 中的值可以是数组。
{"employees": ["Bill", "Steve", "David"]
}
3.5、JSON 布尔
JSON 中的值可以是 true/false。
{"sale": true}
3.6、JSON null
JSON 中的值可以是 null。
{"middlename": null}
4、JSON字符串转JS对象
JSON.parse():可以将以JSON字符串转换为JS对象,它需要一个JSON字符串作为参数,会将该字符串转换为JS对象并返回
案例演示:
var jsonStr = '{"name":"孙悟空","age":18,"gender":"男"}';
var obj = JSON.parse(jsonStr);
console.log(obj);
注意 :JSON这个对象在IE7及以下的浏览器中不支持,所以在这些浏览器中调用时会报错
5、JS对象转JSON字符串
JSON.stringify():可以将一个JS对象转换为JSON字符串,需要一个js对象作为参数,会返回一个JSON字符串
案例演示:
var obj = {name: "猪八戒", age: 28, gender: "男"};
var jsonStr = JSON.stringify(obj);
console.log(jsonStr);
注意 :JSON这个对象在IE7及以下的浏览器中不支持,所以在这些浏览器中调用时会报错
Javascript中Json的使用相关推荐
- Javascript 中 JSON 与对象 的相互转换
1.Json 应用现状 客户端和服务端的数据交换以一定的格式进行,目前,这种数据格式以xml和Json为主.Json是JavaScript Object Notation的简写,采用JavaScrip ...
- 前端 JavaScript 中 JSON.stringify() 的基本用法
前言 在开发工作中,我们可能会碰到这样的需求:需要将某个对象内容弹窗显示或者保存在文件中,这时候如果你直接弹窗的话,很可能就是下面这样的: 因为很多接口它对参数有要求,比如只能是字符串之类的. 这时候 ...
- Javascript中JSON与String相与转换
JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; //注意有 ...
- JavaScript 中 JSON.parse()和JSON.stringify()
为什么80%的码农都做不了架构师?>>> 函数 描述 JSON.parse() 用于将一个 JSON 字符串转换为 JavaScript 对象. JSON.stringify( ...
- JavaScript 中json的遍历
var json = {"name" : "小明","age" : "10","sex" : &qu ...
- javascript中JSON对象和formdata格式互相转换
在工作中需要用到表单提交,有些是JSON对象格式的,但是要用到FormData格式的数据,所以需要转换.代码如下://json对象转formdata格式function jsonToFormData( ...
- JavaScript中JSON字符串转JSON对象遇到的问题
今天遇到一个奇怪的问题,解析二维码后获得了一个JSON字符串,将JSON字符串转换成JSON对象的时候报错了. 报错如下: 代码如下: 检查了无数次数据,数据是JSON字符串,引号也都是英文的,就是莫 ...
- javascript中json格式转为字符串
function ConvertJSONDateToJSDateObject(JSONDateString) { var date = new Date(parseInt(JSONDateSt ...
- JavaScript中的JSON序列化/反序列化
JSON 1. JSON简介 2. JSON与JS Object区别 3. 对象序列化 3.1 JSON序列化 3.2 JSON反序列化 1. JSON简介 JSON(JavaScript Objec ...
最新文章
- XHProf的安装和使用(PHP性能测试神器)
- Centos 利用yum源安装 nginx stream模块
- 详细回复某个CSDN网友,对我的文章和技术实力以及CSDN的吐槽
- AOP—JVM SandBox—快速上手
- 区块链101:区块链的应用和用例是什么?
- Upload-Labs(1-5)
- 控制抽象之简化客户代码
- plusready html5,封装一个简单实用的 plusready 方法
- 【Linux学习】Vim 怎么设置显示行号以及永久性显示行号
- php怎么自动识别车牌号,车牌号自动识别系统怎么录入,很多你不知道的潜规则...
- 将文件上载到服务器是包含本地路径,2020年初级会计师考试照片审核通过但是上传不了是怎么回事?...
- 山东省第七届ACM大赛E题题解
- [kernel]内核日志及printk结构分析
- Java大学生特训营 疫情地图项目实战课
- table表格锁定任意数量列或行
- oracle SQL以结尾函数,Oracle SQL 内置函数大全
- 安装虚拟计算机有什么用途,为什么要使用虚拟机软件?——VMware的介绍与安装...
- IPD的决策评审DCP(1):概念、战略性
- 查询计算机系男生修了,sql练习参考答案
- 公交来了 1.3.0 发布