<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">
//txt为字符串
var txt = '{"employees":[' +
'{"firstName":"Bill","lastName":"Gates" },' +
'{"firstName":"George","lastName":"Bush" },' +
'{"firstName":"Thomas","lastName":"Carter" }]}';
//通过eval()方法
//var obj = eval ("(" + txt + ")");
//通过JSON解析
//obj = jQuery.parseJSON(txt);
obj = JSON.parse(txt);
document.getElementById("fname").innerHTML=obj.employees[1].firstName
document.getElementById("lname").innerHTML=obj.employees[1].lastName
</script>
</body>
</html>
PS：关于json操作，这里再为大家推荐几款比较实用的json在线工具供大家参考使用：
在线JSON代码检验、检验、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在线格式化工具：
http://tools.jb51.net/code/jsonformat
在线XML/JSON互相转换工具：
http://tools.jb51.net/code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具：
http://tools.jb51.net/code/jsoncodeformat
在线json压缩/转义工具：
http://tools.jb51.net/code/json_yasuo_trans
C语言风格/HTML/CSS/json代码格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json
您可能感兴趣的文章:
- JavaScript 三种创建对象的方法
- JS 创建对象(常见的几种方法)
- JavaScript 创建对象
- js中创建对象的几种方式示例介绍
- js创建对象的几种常用方式小结(推荐)
- javascript转换字符串为dom对象（字符串动态创建dom）
- JS对象创建的几种方式整理
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- Javascript 中创建自定义对象的方法汇总
- js中对象与对象创建方法的各种方法
