在JavaScript中使用json.js:使得js数组转为JSON编码
2023-09-14 09:00:35 时间
在json的官网中下载json.js,然后在script中引入,以使用json.js提供的两个关键方法。
1、数组对象.toJSONString()
这个方法将返回一个JSON编码格式的字符串,用来表示类型中的数据。
演示:
<!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(){ original= new Array(0,1,2,3); //在JSON中编码原始值并返回一个字符串 json= original.toJSONString(); div=document.getElementById("jsonData"); div.innerHTML=json; } </script> </head> <body> <a href="#" onclick="showJsonData()">Show JSON Data</a> <div id="jsonData"></div> </body> </html>
输出结果:[0,1,2,3]
2、JSON编码.parseJSON()
这个方法可以将JSON编码的字符传恢复为JavaScript结构(如:数组)。
演示:
<!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(){ original= new Array("hgykb","SDHFI"); //在JSON中编码原始值并返回一个字符串 json= original.toJSONString(); div=document.getElementById("jsonData"); //解码JSON数据,并将数组中的第一个元素设置到div.innerHTML属性上 div.innerHTML=json.parseJSON()[0]; } </script> </head> <body> <a href="#" onclick="showJsonData()">Show JSON Data</a> <div id="jsonData"></div> </body> </html>
输出结果:hgykb
相关文章
- 编写js程序实现n的阶乘_javascript矩阵算法
- JavaScript刷LeetCode-字符串类解题技巧
- js定时器与延时器_JS做定时器倒计时
- js 怎么使用正则表达式-JavaScript 正则表达式
- js 怎么使用正则表达式-JavaScript正则表达式常用技巧
- Linux运行JavaScript:实现完美的开发体验(linux运行js)
- JavaScript连接MySQL数据库:深入解析(js链接mysql)
- 快速掌握JS操作MySQL数据库技巧(js操作mysql数据库)
- 用JavaScript直接连接Oracle数据库(js 直连oracle)
- 通用的javascript 换行色换列色的小js
- JavaScript入门教程(11)js事件处理
- JavaScript类型的包装对象(TypedWrappers)
- javascript学习笔记(九)js对象设计模式
- JavaScript高级程序设计阅读笔记(十二)js内置对象Math
- JavaScript高级程序设计阅读笔记(十六)javascript检测浏览器和操作系统-detect.js
- JavaScript高级程序设计(第3版)学习笔记6初识js对象
- JavaScript高级程序设计(第3版)学习笔记11内建js对象
- JavaScript词法作用域与调用对象深入理解
- Javascript判断对象是否相等实现代码
- asp.net中倒计时自动跳转页面的实现方法(使用javascript)
- 输入自动提示搜索提示功能的javascript:sugggestion.js
- javascript中的return和闭包函数浅析
- Javascript数组排序详解
- javascript从image转换为base64位编码的String