JSON数据与JavaScript对象转换

原创于 2014-12-21 21:56:30 发布 · 122 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript #ViewUI

Javascript 专栏收录该内容

25 篇文章

订阅专栏

本文介绍如何使用JSON.parse()将JSON字符串转换为JavaScript对象，并通过JSON.stringify()实现反向转换。通过具体实例展示了如何操作及显示转换后的数据。

Json 转js使用JSON.parse(txt), js转Json使用SON.stringify(obj)

例如：


<!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>