Jquery通过JSON字符串创建JSON对象
更新时间：2014年08月24日 09:56:56 投稿：whsnow
这篇文章主要介绍了Jquery如何通过JSON字符串创建JSON对象,并附详细示例，需要的朋友可以参考下
<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
相关文章
本篇文章主要是对JSON对象与字符串之间的相互转换进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
jQuery源码分析-03构造jQuery对象-工具函数，需要的朋友可以参考下。2011-11-11
这篇文章主要介绍了14个有用的Jquery技巧分享,本文有一些性能优化技巧、编码优化技巧、简洁方法等,需要的朋友可以参考下2015-01-01
这篇文章主要为大家详细介绍了jQuery实现滚动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了jQuery实现的网页右下角tab样式在线客服效果代码,涉及jQuery简单样式变换控制技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了jQuery实现基本淡入淡出效果的方法,结合实例形式详细分析了jQuery使用fadeIn()、fadeOut()及fadeToggle()等方法控制页面元素淡入淡出显示效果的相关操作技巧,需要的朋友可以参考下2018-09-09![jQuery中[attribute=value]选择器用法实例](//img.jbzj.com/images/xgimg/bcimg6.png)
jQuery中[attribute=value]选择器用法实例
这篇文章主要介绍了jQuery中[attribute=value]选择器用法,实例分析了[attribute=value]选择器的功能、定义及给定属性及属性值元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12
利用jQuery实现WordPress中@的ID悬浮显示评论内容
这篇文章主要介绍了使用JavaScript实现WordPress中ID悬浮显示评论的功能,就是在楼中楼式的评论中显示被评论的主体内容,需要的朋友可以参考下2015-12-12
通过这篇文章你可以得到以下收获JQUERY操作JSON的一些实现方法。2010-02-02
这篇文章主要介绍了jQuery操作DOM，下面的DOM操作将围绕上面的DOM树进行学习JQueryDOM操作，有兴趣的可以了解一下2017-07-07
![jQuery中[attribute=value]选择器用法实例](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论