Jquery通过JSON字符串创建JSON对象


Posted in Javascript onAugust 24, 2014
<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>
Javascript 相关文章推荐
解析jquery获取父窗口的元素
Jun 26 Javascript
javascript禁用键盘功能键让右击及其他键无效
Oct 09 Javascript
jQuery模拟点击A标记示例参考
Apr 17 Javascript
教你用jquery实现iframe自适应高度
Jun 11 Javascript
js实例属性和原型属性示例详解
Nov 23 Javascript
js判断移动端是否安装某款app的多种方法
Dec 18 Javascript
基于jquery实现智能提示控件intellSeach.js
Mar 17 Javascript
Javascript typeof与instanceof的区别
Oct 18 Javascript
js中new一个对象的过程
Feb 20 Javascript
使用vue-infinite-scroll实现无限滚动效果
Jun 22 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
JS实现简单随机3D骰子
Oct 24 Javascript
Jquery中扩展方法extend使用技巧
Aug 24 #Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 #Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 #Javascript
js delete 用法(删除对象属性及变量)
Aug 24 #Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 #Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 #Javascript
控制台报错object is not a function的解决方法
Aug 24 #Javascript
You might like
谈一谈收音机的高放电路
2021/03/02 无线电
使用zend studio for eclipse不能激活代码提示功能的解决办法
2009/10/11 PHP
PHP simple_html_dom.php+正则 采集文章代码
2009/12/24 PHP
php中用foreach来操作数组的代码
2011/07/17 PHP
php.ini中date.timezone设置分析
2011/07/29 PHP
PHP中把对象转换为关联数组代码分享
2015/04/09 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
jQuery图片预加载 等比缩放实现代码
2011/10/04 Javascript
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
javascript学习笔记(四) Number 数字类型
2012/06/19 Javascript
$.extend 的一个小问题
2015/06/18 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
2015/08/22 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
整理Javascript基础入门学习笔记
2015/11/29 Javascript
理解javascript中DOM事件
2015/12/25 Javascript
jQuery联动日历的实例解析
2016/12/02 Javascript
JS实现的系统调色板完整实例
2016/12/21 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
基于node下的http小爬虫的示例代码
2018/01/11 Javascript
Angular2进阶之如何避免Dom误区
2018/04/02 Javascript
如何用webpack4带你实现一个vue的打包的项目
2018/06/20 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
Python设计模式之备忘录模式原理与用法详解
2019/01/15 Python
python3 简单实现组合设计模式
2020/07/02 Python
scrapy利用selenium爬取豆瓣阅读的全步骤
2020/09/20 Python
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
计算机专业毕业生推荐信
2013/11/25 职场文书
秋季运动会加油稿200字
2014/01/11 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
师范生求职信
2014/06/14 职场文书
吃空饷专项整治方案
2014/10/27 职场文书
志愿服务心得体会
2016/01/15 职场文书
JavaScript组合继承详解
2021/11/07 Javascript
vue route新窗口跳转页面并且携带与接收参数
2022/04/10 Vue.js