在JavaScript中使用json.js:访问JSON编码的某个值
2023-09-14 09:00:35 时间
演示:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="json.js"></script> <script type="text/javascript"> function showJsonData(){ //JSON编码格式的数据 original= {'a1':'1','a2':'2'}; //在JSON中编码原始值并返回一个字符串 json= original.toJSONString(); div=document.getElementById("jsonData"); //解码JSON数据,并将数组中的第二个元素设置到div.innerHTML属性上 restored=json.parseJSON(); div.innerHTML=restored['a2'].toString(); } </script> </head> <body> <a href="#" onclick="showJsonData()">Show JSON Data</a> <div id="jsonData"></div> </body> </html>
输出结果:2
相关文章
- 使用 Dapr JS SDK 让 Nest.js 集成 Dapr(微软开源的分布式应用程序运行时)
- Javascript数组排序sort方法和自定义排序方法
- [javascript] js如何获取浏览器的语言
- 常见的js算法_javascript数据结构与算法
- JS IOS/iPhone的Safari不兼容Javascript中的Date()问题
- JavaScript实现的随机色标签云详解编程语言
- JavaScript收藏功能实现详解编程语言
- JavaScript实现MySQL数据库查询(js查询mysql数据库)
- 用SQL Server和JS实现数据库管理技术(sqlserver.js)
- 使用Mongodb运行JavaScript脚本(mongodb执行js)
- 轻轻松松学习JavaScript
- 在textarea中屏蔽js的某个function的javascript代码
- Javascript入门学习第三篇js运算
- Javascript入门学习第五篇js函数
- 编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
- JavaScript获得选中文本内容的方法
- javascript页面划词搜索JS
- javascript宝宝出生倒计时实现代码
- 网易JS面试题与Javascript词法作用域说明
- JavaScript中使用构造器创建对象无需new的情况说明
- javascript正则表达式基础篇
- javascript自然分类法算法实现代码
- 利用JavaScript检测CPU使用率自己写的
- javascript操作excel生成报表全攻略
- javascript写的异步加载js文件函数(支持数组传参)
- 用JavaScript实现用一个DIV来包装文本元素节点