Jquery通过JSON字符串创建JSON对象
作者:bea
<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">
<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./code/json
JSON在线格式化工具: http://tools./code/jsonformat
在线XML/JSON互相转换工具: http://tools./code/xmljson
json代码在线格式化/美化/压缩/编辑/转换工具: http://tools./code/jsoncodeformat
在线json压缩/转义工具:
http://tools./code/json_yasuo_trans
C语言风格/HTML/CSS/json代码格式化美化工具: http://tools./code/ccode_html_css_json
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- IE浏览器不支持getElementsByClassName的解决方法
- JavaScript中使用stopPropagation函数停止事件传播例子
- JavaScript闭包函数访问外部变量的方法
- JavaScript中switch判断容易犯错的一个细节
- JavaScript中使用arguments获得函数传参个数实例
- JavaScript中输出</script>标签的方法
- JavaScript实现的GBK、UTF8字符串实际长度计算函数
- JavaScript实现的使用键盘控制人物走动实例
- JavaScript截取字符串的2个函数介绍
- JavaScript中判断页面关闭、页面刷新的实现代码
- jQuery中的read和JavaScript中的onload函数的区别
- javascript实现的一个随机点名功能
- JS按回车键实现登录的方法
- 在JavaScript中重写jQuery对象的方法实例教程
- 一个支持任意尺寸的图片上下左右滑动效果
- jquery 取子节点及当前节点属性值的方法
- 在JS数组特定索引处指定位置插入元素的技巧
- js获取checkbox复选框选中的选项实例
- jQuery异步加载数据并添加事件示例