10分钟让你明白JSON是什么
ztj100 2025-01-12 20:24 25 浏览 0 评论
嗨,哥们儿传JSON数据啊,你传的什么鬼?不懂JSON吗?别说你没听过JSON数据哈。今天你被心灵深处的一个闹铃闹醒,心想:这该死的JSON究竟是个什么东西?为什么突然间到处都是它了!
JSON是什么?
JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
JSON的实际内核就是字符串,而且JSON在每一种开发语言都有自己的解析和开发机制。
JSON的优势是什么?
1、 轻量级
2、 易于阅读
3、 占用服务资源少
4、 支持各种语言
JSON的数据格式
JSON数据格式:主要由对象 { } 和数组 [ ] 组成:
1、 JSON 对象语法
var myObj = { "name":"yy", "age":28, "like":null }
访问对象值:
使用点号(.)来访问对象的值myObj.name
使用中括号([])来访问对象的值myObj["name"];
2、嵌套 JSON 对象
var myObj = {
"name":" yy ",
" age ":28,
" likes": {
"like1":"kanshu",
"like2":"xiezi",
"like3":"zhibo"
}
}
使用点号(.)或者中括号([])来访问嵌套的 JSON 对象myObj. likes.like1; 或 myObj. likes ["like1"];
3、数组作为 JSON 对象
var myArr = [ "yy", "zdk", "28" ]
访问数组值:使用中括号([])来访问数组的值myArr [0];
4、JSON 对象中的数组
var myArr = {
"name":"zdk",
"age":28,
"likes":[
"kanshu",
"lanqiu",
"Taobao"
]
}
使用索引值来访问数组:myArr. likes[0];
注意:JSON 中数组值必须是合法的 JSON 数据类型(字符串, 数字, 对象, 数组, 布尔值或 null)。
前台将封装的JSON数据传给后端
1.前台对象数据:
var params = {
"userName":userName,
"userPwd":userPwd
};
//对象直接传默认序列化
1.1 后端对象接收:
BufferedReader bufferedReader = request.getReader();
String json = bufferedReader.readLine();
Users users = JSON.parseObject(json,Users.class);
//将前端发过来的json字符串转
2.前台数组数据:
var params = [userName,userPwd];
//转成JSON字符串 JSON.stringify(params)
2.1 后端数组接收:
BufferedReader bufferedReader = request.getReader();
String json = bufferedReader.readLine();
JSONArray array = JSON.parseArray(json);
System.out.println(array.get(1));
//如果多条数组还可以:
List<Users> userList = JSON.parseArray(json, Users.class);
后端将封装的JSON数据传给前台
3.后端数据封装:
response.setContentType("application/json;charset=utf8");
response.getWriter().write("{\"userName\":\"zhangsan\",\"userPwd\":123}");
response.getWriter().write(JSON.toJSONString(user));
response.getWriter().write(JSON.toJSONString(list中放实体对象));
response.getWriter().write(JSON.toJSONString(list中放实体对象(还可以嵌套)));
3.1 前台接收后台数据:
console.log(JSON.parse(responseResult)); //json转对象前提是dataType不写json
console.log(JSON.stringify(responseResult)); //json转对字符串
$.each(responseResult.list,function (index,item) {
console.log(item.userName);
console.log(item.userPwd);
})
结尾:如上属于Gson和FastJson都是最常用的方法,本文章里面用到的API也是最常用的API,基本开发都够用了,其余未涉及到的请自行查看源码学习吧。如果觉得丫丫分享的还不错,请点击关注。谢谢!
相关推荐
- Jquery 详细用法
-
1、jQuery介绍(1)jQuery是什么?是一个js框架,其主要思想是利用jQuery提供的选择器查找要操作的节点,然后将找到的节点封装成一个jQuery对象。封装成jQuery对象的目的有...
- 前端开发79条知识点汇总
-
1.css禁用鼠标事件2.get/post的理解和他们之间的区别http超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信。HTTP的工作方式是客户机与服务器之间的请求-应答协议。...
- js基础面试题92-130道题目
-
92.说说你对作用域链的理解参考答案:作用域链的作用是保证执行环境里有权访问的变量和函数是有序的,作用域链的变量只能向上访问,变量访问到window对象即被终止,作用域链向下访问变量是不被允许的。...
- Web前端必备基础知识点,百万网友:牛逼
-
1、Web中的常见攻击方式1.SQL注入------常见的安全性问题。解决方案:前端页面需要校验用户的输入数据(限制用户输入的类型、范围、格式、长度),不能只靠后端去校验用户数据。一来可以提高后端处理...
- 事件——《JS高级程序设计》
-
一、事件流1.事件流描述的是从页面中接收事件的顺序2.事件冒泡(eventbubble):事件从开始时由最具体的元素(就是嵌套最深的那个节点)开始,逐级向上传播到较为不具体的节点(就是Docu...
- 前端开发中79条不可忽视的知识点汇总
-
过往一些不足的地方,通过博客,好好总结一下。1.css禁用鼠标事件...
- Chrome 开发工具之Network
-
经常会听到比如"为什么我的js代码没执行啊?","我明明发送了请求,为什么反应?","我这个网站怎么加载的这么慢?"这类的问题,那么问题既然存在,就需要去解决它,需要解决它,首先我们得找对导致问题的原...
- 轻量级 React.js 虚拟美化滚动条组件RScroll
-
前几天有给大家分享一个Vue自定义滚动条组件VScroll。今天再分享一个最新开发的ReactPC端模拟滚动条组件RScroll。...
- 一文解读JavaScript事件对象和表单对象
-
前言相信做网站对JavaScript再熟悉不过了,它是一门脚本语言,不同于Python的是,它是一门浏览器脚本语言,而Python则是服务器脚本语言,我们不光要会Python,还要会JavaScrip...
- Python函数参数黑科技:*args与**kwargs深度解析
-
90%的Python程序员不知道,可变参数设计竟能决定函数的灵活性和扩展性!掌握这些技巧,让你的函数适应任何场景!一、函数参数设计的三大进阶技巧...
- 深入理解Python3密码学:详解PyCrypto库加密、解密与数字签名
-
在现代计算领域,信息安全逐渐成为焦点话题。密码学,作为信息保护的关键技术之一,允许我们加密(保密)和解密(解密)数据。...
- 阿里Nacos惊爆安全漏洞,火速升级!(附修复建议)
-
前言好,我是threedr3am,我发现nacos最新版本1.4.1对于User-Agent绕过安全漏洞的serverIdentitykey-value修复机制,依然存在绕过问题,在nacos开启了...
- Python模块:zoneinfo时区支持详解
-
一、知识导图二、知识讲解(一)zoneinfo模块概述...
- Golang开发的一些注意事项(一)
-
1.channel关闭后读的问题当channel关闭之后再去读取它,虽然不会引发panic,但会直接得到零值,而且ok的值为false。packagemainimport"...
- Python鼠标与键盘自动化指南:从入门到进阶——键盘篇
-
`pynput`是一个用于控制和监控鼠标和键盘的Python库...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- idea eval reset (50)
- vue dispatch (70)
- update canceled (42)
- order by asc (53)
- spring gateway (67)
- 简单代码编程 贪吃蛇 (40)
- transforms.resize (33)
- redisson trylock (35)
- 卸载node (35)
- np.reshape (33)
- torch.arange (34)
- npm 源 (35)
- vue3 deep (35)
- win10 ssh (35)
- vue foreach (34)
- idea设置编码为utf8 (35)
- vue 数组添加元素 (34)
- std find (34)
- tablefield注解用途 (35)
- python str转json (34)
- java websocket客户端 (34)
- tensor.view (34)
- java jackson (34)
- vmware17pro最新密钥 (34)
- mysql单表最大数据量 (35)