使用JSON时,最基本的工作就是JSON数据与JavaScript对象之间的互相转换。如浏览器
从服务器端获得JSON数据,然后转换为JavaScript对象在网页输出。
JSON: JavaScript Object Notation,JSON数据格式语法就是JavaScript创建对象的代码语法,所以可以使用JavaScript内建的eval()函数直接将JSON数据转换为JavaScript对象。如下:
1. JSON数据示例
{ "employees": [{ "firstName": "John", "lastName": "Doe" }, { "firstName": "Anna", "lastName": "Smith" }, { "firstName": "Peter", "lastName": "Jones" }] }
2. JSON数据转换为JavaScript对象
var txt = '{ "employees" : [' + '{ "firstName":"John" , "lastName":"Doe" },' + '{ "firstName":"Anna" , "lastName":"Smith" },' + '{ "firstName":"Peter" , "lastName":"Jones" } ]}'; var obj = eval ("(" + txt + ")"); console.log(obj.employees[1].firstName);
使用eval()函数时,必须为传入的JSON数据参数添加括号'()',否则会报语法错误。但eval()的问题在于,除了可以解析JSON数据,也可以用于执行JavaScript脚本片段,这就会带来潜在的安全问题。JSON提供了专门的JSON Parser来实现只用于解析JSON数据,不会执行scripts脚本,而且速度更快。如下:
obj = JSON.parse(txt);
在现在的浏览器中,如IE8, Firefox3.5, Chrome等以上版本,都提供了原生JSON解析器的支持,而且也是ECMAScript (JavaScript)的最新标准。因此,JSON Parser可以在JavaScript代码中是直接调用。
3. JavaScript对象转换为JSON数据
var txt = JSON.stringify(obj);
使用JSON.strigify()函数,将Javascript对象转换为JSON文本数据。
4. JSON数据转换示例
<!DOCTYPE html> <html> <body> <h2>Create Object from JSON String</h2> <p> First Name: <span id="fname"></span><br> Last Name: <span id="lname"></span><br> </p> <script> var txt = '{"employees":[' + '{"firstName":"John","lastName":"Doe" },' + '{"firstName":"Anna","lastName":"Smith" },' + '{"firstName":"Peter","lastName":"Jones" }]}'; obj = JSON.parse(txt); document.getElementById("fname").innerHTML=obj.employees[2].firstName document.getElementById("lname").innerHTML=obj.employees[2].lastName alert("JSON Data: \n" + JSON.stringify(obj)); </script> </body> </html>
相关推荐
纯javascript实现json与对象的互相转换完整项目,原创
使用JQuery实现从JSON对象转换为form提交数据
JSON 语法是 JavaScript 对象表示法语法的子集。 •数据在名称/值对中 •数据由逗号分隔 •花括号保存对象 •方括号保存数组 JSON 对象 JSON 对象在花括号中书写: 对象可以包含多个名称/值对: { firstName:John ...
自述文件通过节点Stream将JavaScript对象/数组转换为JSON格式。例子将js对象复制到a.json文件中: { str : 'str' , num : 1 , boo : true , nil : null , arr : [ 0 , ' 1 ' , true ], obj : { str : 'obj.str' , ...
json转换json schema
javascript处理json字符串和json对象的类。 可以把json对象转换成字符串, 也可以把json格式的字符串转换成json对象。 上一个版本有一个小问题,修改了。这是最终版本。 含有演示例子。
JSON(JavaScript Object Notation http://www. json .org/ json -zh.html ),是一种轻量级的基于文本...的在 JSON 串与 JavaScript 对象之间进行转换。如果夸大来说,它是另一种理想 的但 有别于 XML 数据交换语言。
功能:处理json数据 1.将json字符串转换成json对象 2.将json对象转换成json字符串
ajax 与 java 之间使用 json 交换数据,JSON到Java 对象的转换,Java对象到JSON的转换。 JSONObject object=new JSONObject(javaBean); String jsonStr=object.toString();
本文档还介绍了如何将JavaScript对象转换为JSON格式的数据、如何处理JSON数据中的日期和时间等相关知识。这些知识点涵盖了JavaScript中JSON转换的方方面面,为开发者提供了全面的指导和帮助。 无论您是初学者还是有...
在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键 例如: JSON字符串: var str = '{ "name": "name1","sex": "m" }'; JSON对象: ...
解决javascript向服务端提交json数据格式时的拼装问题。 内部使用javabean模式包装javascript对象,使用继承获取 转换json的方法。
简单地说,JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。这个字符串看起来有点儿古怪,...
1.json类型的字符串转换为json对象及取值 var jsonString = '{"bar":"property","baz":3}'; var jsObject = JSON.parse(jsonString); //转换为json对象 alert(jsObject.bar); //取json中的值 2.json...
JSON (JavaScript Object Notation)是 JavaScript 程序编写数据结构的原生...要将包含 JSON 数据的字符串转换为 Python 对象,可以把它传递给 json.loads() 函数,loads 的意思是 load string。 import json import l
JSON 的全称是 JavaScript Object Notation,即 JavaScript 对象符号,它是⼀种轻量级、跨平台、跨语⾔的数据交换格式,其设 计意图是把所有事情都⽤设计的字符串来表⽰,这样既⽅便在互联⽹上传递信息,也⽅便⼈进...
关于json2json 按照模板规则定义,将一种JSON对象结构转换为另一种结构。 转换从Web服务检索到的JSON的理想选择,... 模板指定如何将原始JSON数据表示为新JSON上的属性。 (仅当将数组转换为映射时存在值规则时,才
简单地讲,json其实就是JavaScript中的对象(Object)和数组(Array,其实也是对象)这倆好基友在那儿你嵌我我嵌你地套上n多层,以此模拟出许多复杂的数据结构。 json易于人阅读和编写,也易于机器解析和生成,相对网络...
JSON对象是javascript object即javascript中的对象,是一种通用的格式,格式严格,不支持备注。 JSON文本和JSON对象的区别: JSON文本是符合JSON格式的文本,实际上是一个字符串 JSON对象是内存中一个对象,拥有...
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition – December 1999的一个子集...