zoukankan html css js c++ java

JavaScript之Json的使用

Json字符串转JavaScript对象

 1 <html>
 2 <body>
 3 <h3>通过 JSON 字符串来创建对象</h3>
 4 <p>
 5 First Name: <span id="fname"></span><br /> 
 6 Last Name: <span id="lname"></span><br /> 
 7 </p> 
 8 <script type="text/javascript">
 9 var txt = '{"employees":[' +
10 '{"firstName":"Bill","lastName":"Gates" },' +
11 '{"firstName":"George","lastName":"Bush" },' +
12 '{"firstName":"Thomas","lastName":"Carter" }]}';
13 
14 obj = JSON.parse(txt);
15 
16 document.getElementById("fname").innerHTML=obj.employees[1].firstName 
17 document.getElementById("lname").innerHTML=obj.employees[1].lastName 
18 </script>
19 </body>
20 </html>

注意：

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：

var obj = eval ("(" + txt + ")");

Json字符串转JavaScript对象2

 1 <html>
 2 <body>
 3 <h3>通过 JSON 字符串来创建对象</h3>
 4 <p>
 5 First Name: <span id="fname"></span><br /> 
 6 Last Name: <span id="lname"></span><br /> 
 7 </p> 
 8 <script type="text/javascript">
 9 var txt = '{"employees":[' +
10 '{"firstName":"Bill","lastName":"Gates" },' +
11 '{"firstName":"George","lastName":"Bush" },' +
12 '{"firstName":"Thomas","lastName":"Carter" }]}';
13 
14 var obj = eval ("(" + txt + ")");
15 
16 document.getElementById("fname").innerHTML=obj.employees[1].firstName 
17 document.getElementById("lname").innerHTML=obj.employees[1].lastName 
18 </script>
19 </body>
20 </html>

JavaScript对象转JSON字符串

 1 </div>
 2 <h3>JavaScript对象转换为Json字符串</h3>
 3 <p>
 4     all: <span id="all3"></span><br/>
 5 </p>
 6 <script type="text/javascript">
 7     var txt = '{"employees":[' +
 8         '{"firstName":"Bill","lastName":"Gates" },' +
 9         '{"firstName":"George2","lastName":"Bush2" },' +
10         '{"firstName":"Thomas","lastName":"Carter" }]}';
11 
12     var obj3 = eval("(" + txt + ")");
13     document.getElementById("all3").innerHTML = JSON.stringify(obj3);
14 </script>
15 <div>

来自：http://www.w3school.com.cn/json/json_eval.asp

查看全文

相关阅读:
我的2015羊年总结
 谈对象 MVC 和多端
 自建博客随想录
 梦说1+1等于多少
 多媒体文件格式全解说（下）－－图片
 多媒体文件格式全解说（上）－－音视频
 做一个“代码模块”交易的网站
 写个屏蔽百度搜索广告的Chrome插件
 Go 系列教程 —— 5. 常量
 Go 系列教程 —— 4. 类型

原文地址：https://www.cnblogs.com/gongxr/p/10382522.html