百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

10分钟让你明白JSON是什么

ztj100 2025-01-12 20:24 33 浏览 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,基本开发都够用了,其余未涉及到的请自行查看源码学习吧。如果觉得丫丫分享的还不错,请点击关注。谢谢!

相关推荐

离谱!写了5年Vue,还不会自动化测试?

前言大家好,我是倔强青铜三。是一名热情的软件工程师,我热衷于分享和传播IT技术,致力于通过我的知识和技能推动技术交流与创新,欢迎关注我,微信公众号:倔强青铜三。Playwright是一个功能强大的端到...

package.json 与 package-lock.json 的关系

模块化开发在前端越来越流行,使用node和npm可以很方便的下载管理项目所需的依赖模块。package.json用来描述项目及项目所依赖的模块信息。那package-lock.json和...

Github 标星35k 的 SpringBoot整合acvtiviti开源分享,看完献上膝盖

前言activiti是目前比较流行的工作流框架,但是activiti学起来还是费劲,还是有点难度的,如何整合在线编辑器,如何和业务表单绑定,如何和系统权限绑定,这些问题都是要考虑到的,不是说纯粹的把a...

Vue3 + TypeScript 前端研发模板仓库

我们把这个Vue3+TypeScript前端研发模板仓库的初始化脚本一次性补全到可直接运行的状态,包括:完整的目录结构所有配置文件研发规范文档示例功能模块(ExampleFeature)...

Vue 2迁移Vue 3:从响应式到性能优化

小伙伴们注意啦!Vue2已经在2023年底正式停止维护,再不升级就要面临安全漏洞没人管的风险啦!而且Vue3带来的性能提升可不是一点点——渲染速度快40%,内存占用少一半,更新速度直接翻倍!还在...

VUE学习笔记:声明式渲染详解,对比WEB与VUE

声明式渲染是指使用简洁的模板语法,声明式的方式将数据渲染进DOM系统。声明式是相对于编程式而言,声明式是面向对象的,告诉框架做什么,具体操作由框架完成。编程式是面向过程思想,需要手动编写代码完成具...

苏州web前端培训班, 苏州哪里有web前端工程师培训

前端+HTML5德学习内容:第一阶段:前端页面重构:PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;第二阶段:高级程序设计:原生交互功能开发、面向对象开发与ES5/ES6、工具库...

跟我一起开发微信小程序——扩展组件的代码提示补全

用户自定义代码块步骤:1.HBuilderX中工具栏:工具-代码块设置-vue代码块2.通过“1”步骤打开设置文件...

JimuReport 积木报表 v1.9.3发布,免费可视化报表

项目介绍积木报表JimuReport,是一款免费的数据可视化报表,含报表、大屏和仪表盘,像搭建积木一样完全在线设计!功能涵盖:数据报表、打印设计、图表报表、门户设计、大屏设计等!...

软开企服开源的无忧企业文档(V2.1.3)产品说明书

目录1....

一款面向 AI 的下一代富文本编辑器,已开源

简介AiEditor是一个面向AI的下一代富文本编辑器。开箱即用、支持所有前端框架、支持Markdown书写模式什么是AiEditor?AiEditor是一个面向AI的下一代富文本编辑...

玩转Markdown(2)——抽象语法树的提取与操纵

上一篇玩转Markdown——数据的分离存储与组件的原生渲染发布,转眼已经鸽了大半年了。最近在操纵mdast生成md文件的时候,心血来潮,把玩转Markdown(2)给补上了。...

DeepseekR1+ollama+dify1.0.0搭建企业/个人知识库(入门避坑版)

找了网上的视频和相关文档看了之后,可能由于版本不对或文档格式不对,很容易走弯路,看完这一章,可以让你少踩三天的坑。步骤和注意事项我一一列出来:1,前提条件是在你的电脑上已配置好ollama,dify1...

升级JDK17的理由,核心是降低GC时间

升级前后对比升级方法...

一个vsCode格式化插件_vscode格式化插件缩进量

ESlint...

取消回复欢迎 发表评论: