在JavaScript中使用json.js:使得js数组转为JSON编码
2023-09-14 08:59:06 时间
在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
相关文章
- javascript/JS常用正则表达式
- 体验javascript之美6:如果你觉得什么都会了或者不知道js学什么了看这里-面向对象编程
- javascript入门教程(二):变量
- Javascript String类的属性及方法
- JavaScript核心功能之模块的应用
- “云”端的语雀:用 JavaScript 全栈打造商业级应用
- [CSSinJS] Convert Sass (SCSS) Styled Button to CSSinJS with JavaScript Templates and Variables
- javascript: 复制对象时的深拷贝及浅拷贝(chrome 105.0.5195.125)
- javascript时间戳和日期字符串相互转换
- 编写javascript的基本技巧
- [Javascript] Filter out Duplicates from Flat JavaScript Array with array.filter / reduce / Set
- [Javascript] Wait for Multiple JavaScript Promises to Settle with Promise.allSettled()
- [Javascript] Replicate JavaScript Constructor Inheritance with Simple Objects (OLOO)
- [Javascript] Understanding the .constructor property on JavaScript Objects
- Javascript模块化编程(三):require.js的用法
- javaScript面向对象继承方法经典实现
- Atitit.js javascript的rpc框架选型
- Atitit. servlet 与 IHttpHandler ashx listen 和HttpModule的区别与联系 原理理论 架构设计 实现机制 java php c#.net js javascript c++ python
- Atitit.js javascript异常处理机制与java异常的转换.js exception process Voae
- paip.java 以及JavaScript (js) 的关系以及区别
- js对象扁平化:Javascript对象进行扁平化处理
- javascript案例20——switch语句的用法
- javascript案例4——按钮禁用、获取验证码、倒计时
- 从零开始学_JavaScript_系列(十一)——dojo(5)(GRID表格进阶:更新值,name,重置表结构/缓存,重绘表格)
- 【华为OD机试 2023】 优秀学员统计(C++ Java JavaScript Python)
- 【JavaScript】JS读取XML文件并进行搜索
- web前端框架Javascript开发基础之JavaScript作用域
- 【阅读笔记】你不知道的Javascript--作用域与闭包1