前端——JSON学习总结

V2AS问路

前端——JSON学习总结

阅读原文时间：2023年07月13日阅读：2

https://www.bilibili.com/video/BV1Pt411u7R3

什么是JSON？（以下有关概念内容为视频中学习文档相关内容，代码为本人学习时使用的有关代码）

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

采用完全独立于编程语言的文本格式来存储和表示数据。
简洁和清晰的层次结构使得JSON成为理想的数据交换语言。
易于阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

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

对象表示为键值对，数据由逗号分隔
花括号保存对象
方括号保存数组

JSON在线格式化、压缩转义有关网址

JSON数据的格式

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

{
"name":"nihai",
"age":3,
"sex":"男"
},
{
"name":"nihai",
"age":3,
"sex":"男"
}

JSON和javaScript区别

JSON是javaScript对象的字符串表达法，它使用文本表示一个JS对象的信息，本质是一个字符串。

//编写一个对象
var user = {
name:"nihai",
age:3,
sex:"男"
}

JSON 和 JavaScript 对象互转

JSON字符串转换为JavaScript 对象，使用 JSON.parse() 方法

var users = '{"name": "nihai", "age": 3,"sex":"男"}';
var user1=JSON.parse(users);
console.log(users);

JavaScript 对象转换为JSON字符串，使用 JSON.stringify() 方法

//编写一个对象
var user = {
name:"nihai",
age:3,
sex:"男"
}
console.log(user);
//将js对象转换为json字符串
var str=JSON.stringify(user);

代码测试

在web目录下新建一个 json-1.jsp，编写测试内容

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>

Title

测试结果

Controller返回JSON数据

Jackson应该是目前比较好的json解析工具了

当然工具不止这一个，比如还有阿里巴巴的 fastjson 等等。

我们这里使用Jackson，使用它需要导入它的jar包；

com.fasterxml.jackson.core jackson-databind 2.9.8

配置SpringMVC需要的配置

web.xml

http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app\_4\_0.xsd" version="4.0">

SpringMVC org.springframework.web.servlet.DispatcherServlet contextConfigLocation classpath:springmvc-servlet.xml 1

SpringMVC /

encoding org.springframework.web.filter.CharacterEncodingFilter encoding utf-8
encoding /

springmvc-servlet.xml

http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">

编写一个User的实体类，测试Controller

package com.thym.thymdemo.view;

import lombok.Data;

import java.util.Date;
import java.util.List;

/**
* @author June
* @date 2021/12/25 15:46
*/
@Data
public class User {
private String username;
private Integer age;
private Integer sex;
private Boolean isVip;
private Date createTime;
private List tags;

}

需要两个新东西，一个是@ResponseBody，一个是ObjectMapper对象

编写一个Controller：

package com.thym.thymdemo.controller;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.SerializationFeature;
import com.thym.thymdemo.view.User;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Date;

@Controller
public class IndexController {
@RequestMapping(value = "/json1",produces = "application/json;charset=utf-8")
@ResponseBody
public String json1() throws JsonProcessingException{
ObjectMapper mapper = new ObjectMapper();

    User user = new User();  
    user.setUsername("啊手动阀");  
    user.setSex(1);  
    user.setIsVip(true);

    String str = mapper.writeValueAsString(user);  
    System.out.println(str);  
    return str;  
}

}

测试结果：

通过@RequestMaping的produces属性来实现，修改下代码

//produces:指定响应体返回类型和编码
@RequestMapping(value = "/json1",produces = "application/json;charset=utf-8")

乱码统一解决

上一种方法比较麻烦，如果项目中有许多请求则每一个都要添加，可以通过Spring配置统一指定，这样就不用每次都去处理了！

我们可以在springmvc的配置文件上添加一段消息StringHttpMessageConverter转换配置！

输出时间对象

@RequestMapping(value = "/json2")
@ResponseBody
public String json2() throws JsonProcessingException{
Date date = new Date();
return new ObjectMapper().writeValueAsString(date);
}

测试截图

默认日期格式会变成一个数字，是1970年1月1日到当前日期的毫秒数！
Jackson 默认是会把时间转成timestamps形式

解决方案：取消timestamps形式，自定义时间格式

@RequestMapping(value = "/json3")
@ResponseBody
public String json3() throws JsonProcessingException{
ObjectMapper mapper = new ObjectMapper();
Date date = new Date();
//关闭时间戳功能
mapper.configure(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS,false);
//时间格式化
SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
mapper.setDateFormat(simpleDateFormat);
return mapper.writeValueAsString(date);
}

测试截图

FastJson

fastjson.jar是阿里开发的一款专门用于Java开发的包，可以方便的实现json对象与JavaBean对象的转换，实现JavaBean对象与json字符串的转换，实现json对象与json字符串的转换。实现json的转换方法很多，最后的实现结果都是一样的。

fastjson 的 pom依赖

com.alibaba fastjson 1.2.60

fastjson 三个主要的类：

JSONObject 代表 json 对象

JSONObject实现了Map接口, 猜想 JSONObject底层操作是由Map实现的。
JSONObject对应json对象，通过各种形式的get()方法可以获取json对象中的数据，也可利用诸如size()，isEmpty()等方法获取"键：值"对的个数和判断是否为空。其本质是通过实现Map接口并调用接口中的方法完成的。

JSONArray 代表 json 对象数组