
JSON初识
发布日期:2021-05-07 23:14:14
浏览次数:21
分类:原创文章
本文共 2776 字,大约阅读时间需要 9 分钟。
JSON初识
1.什么是JSON,有什么用?
JavaScript Object Notation(JavaScript对象标记),简称JSON。(数据交换格式)
JSON主要的作用是:一种标准的数据交换格式。(目前非常流行,90%以上的系统,系统A与系统B交换数据的话,都是采用JSON。)
JSON是一种标准的轻量级的数据交换格式。特点是: 体积小,易解析。
在实际的开发中有两种数据交换格式,使用最多,其一是JSON,另一个是XML。
XML体积较大,解析麻烦,但是有其优点是:语法严谨。(通常银行相关的系统之间进行数据交换 的话会使用XML。)
2.JSON的语法格式:
var jsonObj = { "属性名" : 属性值, "属性名" : 属性值, "属性名" : 属性值, "属性名" : 属性值, .... };
// 创建JSON对象(JSON也可以称为无类型对象。轻量级,轻巧。体积小。易解析。) var studentObj = { "sno" : "110", "sname" : "张三", "sex" : "男" }; // 访问JSON对象的属性 alert(studentObj.sno + "," + studentObj.sname + "," + studentObj.sex); // JSON数组 var students = [ { "sno":"110","sname":"张三","sex":"男"}, { "sno":"120","sname":"李四","sex":"男"}, { "sno":"130","sname":"王五","sex":"男"} ]; // 遍历 for(var i = 0; i < students.length; i++){ var stuObj = students[i]; alert(stuObj.sno + "," + stuObj.sname + "," + stuObj.sex); }
复杂的JSON对象
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>复杂一些的JSON对象。</title> </head> <body> <script type="text/javascript"> var user = { "usercode" : 110, "username" : "张三", "sex" : true, "address" : { "city" : "北京", "street" : "大兴区", "zipcode" : "12212121", }, "aihao" : ["smoke","drink","tt"] }; // 访问人名以及居住的城市 alert(user.username + "居住在" + user.address.city); /* 请自行设计JSON格式的数据,这个JSON格式的数据可以描述整个班级中每一个学生的信息,以及总人数信息。 */ var jsonData = { "total" : 3, "students" : [ { "name":"zhangsan","birth":"1980-10-20"}, { "name":"lisi","birth":"1981-10-20"}, { "name":"wangwu","birth":"1982-10-20"} ] }; </script> </body></html>
3.eval函数:
eval函数的作用是: 将字符串当做一段JS代码解释并执行。
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>eval函数</title> </head> <body> <!-- JSON是一种行业内的数据交换格式标准。 JSON在JS中以JS对象的形式存在。 --> <script type="text/javascript"> /* eval函数的作用是: 将字符串当做一段JS代码解释并执行。 */ // java连接数据库,查询数据之后,将数据在java程序中拼接成JSON格式的“字符串”,将json格式的字符串响应到浏览器 // 也就是说java响应到浏览器上的仅仅是一个"JSON格式的字符串",还不是一个json对象. // 可以使用eval函数,将json格式的字符串转换成json对象. var fromJava = "{\"name\":\"zhangsan\",\"password\":\"123\"}"; //这是java程序给发过来的json格式的"字符串" // 将以上的json格式的字符串转换成json对象 window.eval("var jsonObj = " + fromJava); // 访问json对象 alert(jsonObj.name + "," + jsonObj.password); // 在前端取数据. /* 面试题: 在JS当中:[]和{}有什么区别? [] 是数组。 {} 是JSON。 java中的数组:int[] arr = {1,2,3,4,5}; JS中的数组:var arr = [1,2,3,4,5]; JSON:var jsonObj = {"email" : "zhangsan@123.com","age":25}; */ var json = { "username" : "zhangsan" }; // JS中访问json对象的属性 alert(json.username); // JS中访问json对象的属性 alert(json["username"]); </script> </body></html>
发表评论
最新留言
初次前来,多多关照!
[***.217.46.12]2025年03月26日 03时48分15秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
KNN 算法-理论篇-如何给电影进行分类
2021-05-09
Spring Cloud第九篇 | 分布式服务跟踪Sleuth
2021-05-09
CODING 敏捷实战系列课第三讲:可视化业务分析
2021-05-09
使用 CODING DevOps 全自动部署 Hexo 到 K8S 集群
2021-05-09
工作动态尽在掌握 - 使用 CODING 度量团队效能
2021-05-09
CODING DevOps 代码质量实战系列最后一课,周四发车
2021-05-09
CODING DevOps 深度解析系列第二课报名倒计时!
2021-05-09
CODING DevOps 线下沙龙回顾二:SDK 测试最佳实践
2021-05-09
翻译:《实用的Python编程》03_01_Script
2021-05-09
数据结构第八节(图(下))
2021-05-09
基础篇:异步编程不会?我教你啊!CompletableFuture
2021-05-09
基于Mustache实现sql拼接
2021-05-09
气球游戏腾讯面试题滑动窗口解法
2021-05-09
POJ 2260 Error Correction 模拟 贪心 简单题
2021-05-09
POJ - 1328 Radar Installation 贪心
2021-05-09
CSUOJ Water Drinking
2021-05-09
自定义博客园博客的背景图片
2021-05-09
Spring MVC+javamail实现邮件发送
2021-05-09
Asp.NET Core 限流控制-AspNetCoreRateLimit
2021-05-09
gRPC在 ASP.NET Core 中应用学习(一)
2021-05-09