【JavaWeb】JSON介绍及入门案例

目录

1.什么是JSON

1.1.JSON在JavaScript中的使用

1.1.1.JSON的定义

1.1.2.JSON的访问

1.1.3.JSON的两个常用方法

1.2.JSON在Java中的使用

1.2.1.JavaBean和JSON的转换

1.2.2.List和JSON的转换

1.2.3.map和JSON的转换


1.什么是JSON

JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON采用完全独立于语言的文本格式,而且很多语言都提供了对JSON的支持,这使得JSON成为理想的数据交换格式

1.1.JSON在JavaScript中的使用

1.1.1.JSON的定义

JSON由键值对组成,并且由花括号包围。每个键由引号引起来,键和值之间使用冒号进行分隔,多组键值对之间使用逗号进行分隔

javascript 复制代码
var jsonObj = {
    "key1":12,
    "key2":"abc",
    "key3":true,
    "key4":[11,"arr",false],
    "key5":{
        "key5_1":51,
        "key5_2":"key5_2_value"
    },
    "key6":[{
        "key6_1_1":611,
        "key6_1_2":"key6_1_2_value"
    },{
        "key6_2_1":621,
        "key6_2_2":"key6_2_2_value"
    }]
};

1.1.2.JSON的访问

JSON本身就是一个对象,我们可以把key理解为对象的一个属性

javascript 复制代码
alert(typeof(jsonObj));
alert(jsonObj.key1);
alert(jsonObj.key2);
alert(jsonObj.key3);
alert(jsonObj.key4);
for (var i = 0; i < jsonObj.key4.length; i++) {
    alert(jsonObj.key4[i]);
}
alert(jsonObj.key5.key5_1);
alert(jsonObj.key5.key5_2);
alert(jsonObj.key6);
var jsonItem = jsonObj.key6[0];
alert(jsonItem.key6_1_1);
alert(jsonItem.key6_1_2);

1.1.3.JSON的两个常用方法

JSON有两种形式,一种是JSON对象,另一种是JSON字符串。如果我们要操作JSON中的数据,使用JSON对象;如果要在客户端和服务端之间进行数据交换,使用JSON字符串

  • JSON.stringify()

把JSON对象转换为JSON字符串

  • JSON.parse()

把JSON字符串转换为JSON对象

javascript 复制代码
var jsonObjString = JSON.stringify(jsonObj);
alert(jsonObjString);
var jsonObj2 = JSON.parse(jsonObjString);
alert(jsonObj2.key1);
alert(jsonObj2.key2);

1.2.JSON在Java中的使用

1.2.1.JavaBean和JSON的转换

java 复制代码
@Test
public void test1() {
    Person person = new Person(1, "p1");
    Gson gson = new Gson();
    //toJson方法可以把Java对象转换成JSON字符串
    String personString = gson.toJson(person);
    System.out.println(personJsonString);
    //fromJson把JSON字符串转换回Java对象
    //第二个参数是转换回去的Java对象类型
    Person person1 = gson.fromJson(personJsonString, Person.class);
    System.out.println(person1);
}

1.2.2.List和JSON的转换

java 复制代码
@Test
public void test2() {
    List<Person> personList = new ArrayList<>();
    personList.add(new Person(1, "p1"));
    personList.add(new Person(2, "p2"));
    Gson gson = new Gson();
    //把List转换为JSON字符串
    String personListJsonString = gson.toJson(personList);
    System.out.println(personListJsonString);
    List<Person> list = gson.fromJson(personListJsonString, new PersonListType().getType());
    System.out.println(list);
    Person person = list.get(0);
    System.out.println(person);
}

1.2.3.map和JSON的转换

java 复制代码
@Test
public void test3() {
    Map<Integer, Person> personMap = new HashMap<>();
    personMap.put(1, new Person(1, "p1"));
    personMap.put(2, new Person(2, "p2"));
    Gson gson = new Gson();
    String personMapJsonString = gson.toJson(personMap);
    System.out.println(personMapJsonString);
    Map<Integer, Person> personMap2 = gson.fromJson(personMapJsonString, new personMapType().getType());
    Map<Integer, Person> personMap2 = gson.fromJson(personMapJsonString, new TypeToken<HashMap<Integer,Person>>(){}.getType());
    System.out.println(personMap2);
    Person p = personMap2.get(1);
    System.out.println(p);
}
相关推荐
燃先生._.39 分钟前
Day-03 Vue(生命周期、生命周期钩子八个函数、工程化开发和脚手架、组件化开发、根组件、局部注册和全局注册的步骤)
前端·javascript·vue.js
高山我梦口香糖2 小时前
[react]searchParams转普通对象
开发语言·前端·javascript
black^sugar3 小时前
纯前端实现更新检测
开发语言·前端·javascript
2401_857600954 小时前
SSM 与 Vue 共筑电脑测评系统:精准洞察电脑世界
前端·javascript·vue.js
2401_857600954 小时前
数字时代的医疗挂号变革:SSM+Vue 系统设计与实现之道
前端·javascript·vue.js
GDAL4 小时前
vue入门教程:组件透传 Attributes
前端·javascript·vue.js
小白学大数据4 小时前
如何使用Selenium处理JavaScript动态加载的内容?
大数据·javascript·爬虫·selenium·测试工具
2402_857583494 小时前
基于 SSM 框架的 Vue 电脑测评系统:照亮电脑品质之路
前端·javascript·vue.js
java_heartLake5 小时前
Vue3之性能优化
javascript·vue.js·性能优化