狂神说SpringMVC05:JSON交互处理

什么是JSON?

JSON(JavaScript Object Notation,JS 对象标记)是一种轻量级的数据交换格式,目前使用特别广泛。

  • 采用完全独立于编程语言的文本格式来存储和表示数据。

  • 简洁和清晰的层次结构使得JSON成为理想的数据交换语言。

  • 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。

在JavaScript语言中,一切都是对象。因此,任何JavaScript支持的类型都可以通过JSON来表示,例如字符串、数字、对象、数组等。看看他的要求和语法格式:

  • 对象表示为键值对,数据由逗号分隔

  • 花括号保存对象

  • 方括号保存数组

JSON键值对是用来保存 JavaScript 对象的一种方式,和JavaScript对象的写法也大同小异,键 / 值对组合中的键名写在前面并用双引号 " " 包裹,使用冒号:分隔,然后紧接着值:

{"a":"xiao"},
{"b":"3"},
{"c":"男"}

JSON 和JavaScript对象的关系,可以这么理解:

  • JSON 是JavaScript 对象的字符串表示法,它使用文本表示一个JS对象的信息,本质是一个字符串。
var user={
    a:"xiao", c:"男" };//这是一个对象,注意键名也是可以使用引号包裹的
  var obj='{"a":"xiao", "c":"男"}';//这是一个JSON字符串,本质上一个字符串

JSON和JavaScript对象互转

  • 要实现从JSON字符串转换为JavaScript对象,使用JSON.parse()方法:
  var obj=JSON.parse('{"a":"xiao", "c":"男"}');
  //结果是a:"xiao",c :"男"
  • 要实现从JavaScript对象转换为JSON字符串,使用JSON.stringify()方法:
 var json=JSON.stringify({
   a:"xiao", c:"男"});
 //结果是 '{"a":"xiao",  "c":"男"}'

代码测试

1、新建模块springmvc-05-json,添加web支持!
2、web新建jsontest.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    
    <script type="text/javascript">
        //编写一个javascript对象
        var user={
     
            name:"xiao",
            age:3,
            sex:"男"
        };

        //将js对象转换为json对象
        var json=JSON.stringify(user);
        console.log(json);

        console.log("=============");

        //将json对象转换为javascript对象
        var obj=JSON.parse(json);
        console.log(obj);

    </script>
</head>
<body>
</body>
</html>

3、在IDEA使用浏览器打开,查看控制台输出!

Controller返回JSON数据

ackson应该是目前比较好的json解析工具了
当然工具不止这一个,比如还有阿里巴巴的fastjson等等。

我们这里使用Jackson,使用它需要导入它的jar包;

<dependency>
        <groupId>com.fasterxml.jackson.core</groupId>
        <artifactId>jackson-databind</artifactId>
        <version>2.13.2</version>
</dependency>
<dependency>
    <groupId>org.projectlombok</groupId>
    <artifactId>lombok</artifactId>
    <version>1.18.22</version>
    <scope>provided</scope>
</dependency>

配置SpringMVC需要的配置
web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值