JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。
本文主要是对JS操作JSON的要领做下总结。
在JSON中,有两种结构:对象和数组。
1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间运用 “,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不须要。例如:
var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};
2. 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间运用 “,”(逗号)分隔。
例如:
var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];
为了方便地处理JSON数据,JSON提供了json.js包,下载地址:http://www.json.org/json.js
在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串转换为JSON对象
要运用上面的str1,必须运用下面的要领先转化为JSON对象:
//由JSON字符串转换为JSON对象
var obj = eval('(' + str + ')');
或者
var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
或者
var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
然后,就可以这样读取:
Alert(obj.name);
Alert(obj.sex);
特别留心:如果obj本来就是一个JSON对象,那么运用 eval()函数转换后(哪怕是多次转换)还是JSON对象,但是运用 parseJSON()函数处理后会有疑问(抛出语法异常)。
二、可以运用 toJSONString()或者全局要领 JSON.stringify()将JSON对象转化为JSON字符串。
例如:
var last=obj.toJSONString(); //将JSON对象转化为JSON字符
或者
var last=JSON.stringify(obj); //将JSON对象转化为JSON字符
alert(last);
留心:
上面的多个要领中,除了eval()函数是js自带的之外,其他的多个要领都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要领,则说明您的json包版本太低。
相关推荐
JSON对象管理器包提供了这样的功能,使非程序员也能轻松操作JSON数据。它允许我们读取JSON文件,解析其内容,并将结果转换为可操作的对象。此外,它还支持将RPA流程中产生的数据结构转换为JSON格式,以便于与其他...
JSON(JavaScript Object Notation)则是轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Web服务和前后端交互中,JSON应用广泛。 xStream的核心在于它的“Homoiconic”设计,即代码结构与...
【RPA之家】提供的【RPA之家转载AA视频教程】18.Extract JSON .rar教程主要聚焦于如何在Automation Anywhere(AA)平台中提取JSON数据。Automation Anywhere是一款广泛使用的机器人流程自动化(RPA)工具,它允许...
在这个名为“【RPA之家转载AA视频教程】17.Extract JSON .rar”的压缩包文件中,包含了一个视频教程,该教程聚焦于使用Automation Anywhere(AA)平台进行RPA(Robotic Process Automation)操作,特别是如何从REST ...
3. **JSON(JavaScript Object Notation)**:JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在Web服务中,JSON常用于数据传输,因为它结构清晰,支持复杂的数据结构。 4. **从...
这篇博文整理了55个JavaScript中的常用方法,涵盖了数组操作、对象处理、字符串处理、函数应用等多个方面。下面我们将详细探讨这些知识点。 1. **数组操作** - `push()`: 向数组末尾添加元素,并返回新的长度。 -...
AJAX技术包括XMLHttpRequest对象、DOM操作、JavaScript事件处理、CSS和JSON等关键组件。学习AJAX,我们需要理解如何使用JavaScript创建XMLHttpRequest对象,发送异步请求到服务器,处理服务器的响应,以及使用DOM...
2. **DOM操作**: jQuery提供了方便的方法来操作DOM元素,如`append()`用于在元素内部添加内容,`prepend()`则在元素开头添加内容,`remove()`则删除元素。 3. **事件处理**: 使用`on()`方法可以绑定各种事件,如`...
jQuery是一个广泛使用的JavaScript库,简化了DOM操作,使得创建交互式树形菜单更加便捷。例如,可以使用jQuery的`slideToggle()`函数来优雅地展开和折叠节点。 4. **AJAX与异步加载**: 当数据量较大时,为了提高...
这段CSS将隐藏类名为“no_checkbox”的节点中的复选框,而上述jstree的初始化代码中,id为“ajson3”的节点被设置了“no_checkbox”的类,所以它的复选框将不会显示。 需要注意的是,示例中还提及了jstree的版本...
<script type="text/javascript" src="js/jquery-1.4.4.min.js"> <script type="text/javascript" src="js/jquery.ztree.core.js"> ``` 这里的路径需根据实际情况调整,确保文件位置正确。 ### 2. HTML结构准备 ...
微信小程序有自己的JSON配置文件和WXML、WXSS(类似HTML和CSS)文件格式,以及JS逻辑处理。 4. **数据库交互**:项目可能会包含数据库操作,如SQL Server或MySQL,开发者需了解ADO.NET或其他ORM框架(如Entity ...
同时,插件提供了一些内置事件,如`changePage`,可以在用户切换页面时执行特定操作: ```javascript $('#pagination').on('changePage', function (event, page) { console.log('当前页:' + page); // 在这里...
2. **自动化脚本**:此类工具通常基于编程逻辑,例如使用脚本语言(如Python或JavaScript)编写,通过模拟用户交互来执行批量操作。这种自动化脚本技术是IT领域中常见的解决方案,特别是在需要重复性任务的场合。 3...
这一技术的核心在于JavaScript,XML则通常用于数据传输,但现在更多地被JSON所替代。** **一、AJAX基础** 1. **XMLHttpRequest对象**:AJAX的核心是XMLHttpRequest对象,它是浏览器提供的API,用于在后台与服务器...
6. **测试网页**:测试网页可能是用来演示易语言网页应用功能的实例,通过实际操作和调试这些网页,你可以更好地理解理论知识在实际中的应用。 7. **项目实践**:将所学知识应用到实践中,尝试创建自己的网页应用,...
- JavaScript解析JSON响应,然后动态更新DOM,展示日历。 5. **日历渲染**: - 通过JavaScript遍历数据,生成HTML字符串,插入到日历容器中。 - 高亮显示今天日期,标记特定日期(如节假日或已预约的日期)。 6...
4. **JPA and Hibernate**: Java持久层API和其最常用的实现,用于操作数据库。 5. **Thymeleaf or other Template Engines**: 用于渲染动态视图,将数据与HTML模板结合。 6. **RESTful API**: 设计API遵循REST原则,...
"JavaScript"标签说明此项目的核心技术是JavaScript,Node.js是JavaScript的一个运行环境,允许开发者在服务器端使用JavaScript编写代码,实现了全栈开发的可能性。因此,这个项目很可能是用JavaScript和Node.js框架...
- `sources.json`: 更新以包含新创建的场景,如:`{ "scenes": "say-hello", "source": "app/assistants/say-hello-assistant.js" }`。 6. **运行模拟器**: - 启动Palm Simulator。 - 在`Project Explorer`中...