示例解析Json对象Json字符串的序列化与反序列化

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

示例解析Json对象Json字符串的序列化与反序列化

本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于Json对象的相关问题,JavaScript Object Notation用于存储和交换文本信息的语法,进行数据的传输,JSON比 XML 更小、更快,更易解析,下面一起来看一下,希望对大家有帮助。

【相关推荐:javascript视频教程、web前端】

Json

JavaScript Object Notation -JavaScript 用于存储和交换文本信息的语法,进行数据的传输,JSON比 XML 更小、更快,更易解析。

var person = {"name": "张三", age: 23, 'gender': true};var ps = [{"name": "张三", "age": 23, "gender": true},          {"name": "李四", "age": 24, "gender": true},          {"name": "王五", "age": 25, "gender": false}];
登录后复制Json字符串
var b='{"name":"2323","sex":"afasdf","age":"6262"}';//json字符串 console.log(b);//{"name":"2323","sex":"afasdf","age":"6262"}  alert(typeof(b));//string
登录后复制序列化

将数据结构或是对象 转换为 二进制串(字节序列)的过程 用来数据的传输 (把数据装换成json字符串 后端配合@reponseBody来进行数据的接受和传递)

前端有 json对象和json字符串后端有 对象 和json字符串

后端是Java对象,想用JSON的格式将数据传输,就要进行序列化操作。 Java对象序列化了才可以在网络上传输,或者保存到硬盘上。 序列化完就变成了json字符串了 通过jackson这个序列化框架序列化

在后端通过在controller上面加@reponseBody注解 将从service层获取到的java对象转化为json格式对象,传输到前端 在controller的请求参数前加@reponseBody 就可以将前端传过来的json格式的数据接收

前端的序列化和反序列化将json对象序列化成json字符串: JSON.stringify(json对象)–前端把数据序列化了 传给后端反序列化:将json字符串反序列化为对象: JSON.parse(str)–后端传过来的序列化过的数据后端的序列化和反序列化序列化是 java对象->json字符串。反序列化是 json字符串->java对象后端序列化和反序列化的方法一

这个ObjectMapper对象是jackson包下面的,这是他的依赖

       <dependency>            <groupId>com.fasterxml.jackson.core</groupId>            <artifactId>jackson-databind</artifactId>            <version>2.8.3</version>        </dependency>
登录后复制
//类属性,private static final ObjectMapper MAPPER = new ObjectMapper();//序列化-----userMapList是List<user>的格式,现在我们需要将List集合序列化为json字符串MAPPER.writeValueAsString(userMapList);//反序列化---json格式的字符串要反序列化为对象MAPPER.readValue(你要反序列化的json字符串,new TypeReference<要反序列化为什么对象类型,例如 User.class>() {});
登录后复制

序列化:将Js中的对象转化成Json格式,序列化的两个参数:过滤器和选项。

var person = {username: ‘luohao’,password: 123456,location: ‘whu’}
登录后复制

参数是一个数组,出现在数组中的属性才会序列化,其余属性忽略不计。

var json = JSON.stringify(person, [‘username’, ‘password’]);console.log(json);{“username”:“luohao”,“password”:123456}
登录后复制
var person = {username: ‘luohao’,password: 123456,location: ‘whu’,hometown: ‘wuhan’,}var json = JSON.stringify(person, function filter(key, value) {switch(key) {case ‘location’: return undefined;case ‘hometown’: return undefined;default: return value;}});console.log(json);{“username”:“luohao”,“password”:123456}
登录后复制

JSON.stringify()中的第三个参数表示缩进的空格数,这样传输的数据可读性比较好。

var person = {username: ‘luohao’,password: 123456,location: {province: ‘hubei’,city: ‘wuhan’,county: ‘qichun’},hometown: ‘wuhan’,}var json = JSON.stringify(person, function filter(key, value) {switch(key) {case ‘hometown’: return undefined;default: return value;}});console.log(json);{“username”:“luohao”,“password”:123456,“location”:{“province”:“hubei”,“city”:“wuhan”,“county”:“qichun”}}
登录后复制
var person = {username: ‘luohao’,password: 123456,location: {province: ‘hubei’,city: ‘wuhan’,county: ‘qichun’},hometown: ‘wuhan’,}var json = JSON.stringify(person, function filter(key, value) {switch(key) {case ‘hometown’: return undefined;default: return value;}}, 2);console.log(json);{“username”: “luohao”,“password”: 123456,“location”: {“province”: “hubei”,“city”: “wuhan”,“county”: “qichun”}}
登录后复制

【相关推荐:javascript视频教程、web前端】

以上就是示例解析Json对象Json字符串的序列化与反序列化的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:添加背景音乐的html标签是什么
下一篇:如何在UniApp中使用uni.request()方法请求数据并显示

发表评论

关闭广告
关闭广告