JSON数据与JavaScript对象转换

使用JSON时，最基本的工作就是JSON数据与JavaScript对象之间的互相转换。如浏览器

从服务器端获得JSON数据，然后转换为JavaScript对象在网页输出。

SON: 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>

转载于:https://www.cnblogs.com/longshiyVip/p/4946411.html

JSON数据与JavaScript对象转换相关推荐

JSON 数据转换为 JavaScript 对象
一.介绍 JSON 语法规则数据为键/值对. 数据由逗号分隔. 大括号保存对象方括号保存数组二.JSON 字符串转换为 JS(JSON)对象方法一:JavaScript 内置函数 JSON ...
Python：json数据与Python对象之间的转换
json数据与Python对象之间的转换 1.前面介绍了在Python中如何处理json数据,主要使用了以下几个方法 ⑴dumps():将Python对象转换为JSON格式的字符串 ⑵ ...
JSON数据和JAVA对象之间的转换
方法1: 利用阿里巴巴开源的fastjson包进行JAVA对象和JSON字符串进行转换. C++中的结构体在JAVA中用对象表示,目录结构如下: Peron类内容如下,对应C++中的Person结构体 ...
js值发送给php,将JSON数据从Javascript发送到PHP？
将JSON数据从Javascript发送到PHP? 如何将JSON数据从浏览器中的Javascript发送到服务器,然后让PHP在其中解析? 10个解决方案 56 votes 我在这里获得了很多信息, ...
7、JSON数据和Java对象的相互转换（客户端和服务器对象数据通讯用）
JSON数据和Java对象的相互转换需要使用JSON解析器(它是封装好的工具类),我们测试用用jackson * 常见的解析器:Jsonlib,Gson(谷歌),fastjson(阿 ...
java数组里套数组_用JAVA进行Json数据解析（对象数组的相互嵌套）
这段时间我们在做一个英语翻译软件的小小小APP,涉及到了对Json数据的解析,所以特地来总结一下! 假设我们要对如下数据进行解析,其实在平时,返回的Json数据是很乱的,很难分清数据的关系,这是经过相 ...
js将object转化为json数据，json数据转js对象
json数据转js对象: JSON.parse(); js对象转json数据: JSON.stringify();
js中如何将object转化为json数据，json数据转js对象
js对象转json数据: JSON.stringify(); json数据转js对象: JSON.parse();
JSON数据和Java对象的相互转换
* JSON解析器: * 常见的解析器:Jsonlib,Gson,fastjson,jackson 1. JSON转为Java对象 1. 导入jack ...

JSON数据与JavaScript对象转换

JSON数据与JavaScript对象转换相关推荐

最新文章

热门文章