通过 JSON 字符串来创建对象&通过eval()方法生成原生Javascript对象
2015-12-10 14:55
786 查看
代码:
<html>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>
<script type="text/javascript">
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';//employees对象是包含三个对象的数组;
var obj = eval ("(" + txt + ")");//eval()方法,用JSON数据生成原生Javascript对象;
document.getElementById("fname").innerHTML=obj.employees[1].firstName
document.getElementById("lname").innerHTML=obj.employees[1].lastName
</script>
</body>
</html>
运行结果:
Last Name: Bush
<html>
<body>
<h2>通过 JSON 字符串来创建对象</h3>
<p>
First Name: <span id="fname"></span><br />
Last Name: <span id="lname"></span><br />
</p>
<script type="text/javascript">
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';//employees对象是包含三个对象的数组;
var obj = eval ("(" + txt + ")");//eval()方法,用JSON数据生成原生Javascript对象;
document.getElementById("fname").innerHTML=obj.employees[1].firstName
document.getElementById("lname").innerHTML=obj.employees[1].lastName
</script>
</body>
</html>
运行结果:
通过 JSON 字符串来创建对象
First Name: GeorgeLast Name: Bush
相关文章推荐
- <html5+css3+js>一个audio note界面
- 初识backbone.js(1)
- Javascript常见操作
- JSON 中的毫秒时间( LONG) ,转换成年月日
- JavaScript 闭包
- js--在页面元素上(移动到或获取焦点)、鼠标离开(或失去焦点)
- gulpfile.js 中的坑--注入篇(gulp-inject,gulp-wiredep)
- js取json数据笔记
- 解决方案:Jboss修改jsp需要重启才生效
- JSON序列化与反序列化DataSet
- 【JavaScript 从零开始】 语言核心部分----可选的分号
- js unicode编码与解码
- js操作数组函数实例小结
- window.localtion.href深入理解
- JS获得URL参数
- JS模态窗口返回值兼容问题解决方案
- sso跨域写cookie的一段js脚本
- 对 Sea.js 进行配置 seajs.config
- ElasticSearch.js
- JS脚本动态给元素/控件添加事件