分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

如何解析json字符串及返回json数据到前端

发布时间:2023-09-06 02:00责任编辑:赖小花关键词:jsjson前端

前言:最近需要实现的任务是:写若干个接口,并且接口中的请求数据是json格式,然后按照请求参数读取前端提前整理好的json数据,并且将json数据返回到服务器端。

  • 主要的工具:Gson  2.8.2
  • 项目支撑:springboot
  • maven

0、前导——了解一下基本的json语法

JSON是一种类似 XML的语言,是用了存储和交换文本信息的语法。它的全称为JavaScript Object Notation(JavaScript 对象表示法)。与xml对比,它更小、更快,更易解析。

想要更好的解析JSON,必须能看懂JSON数据,这样就必须了解JSON语法,好在它的语法非常简单,规则如下:

JSON 语法是 JavaScript 对象表示法语法的子集。 - 数据在名称/值对中:如 "firstName" : "John" - 数据由逗号分隔 - 花括号保存对象 - 方括号保存数组

而组成JSON的值可以为以下几种:

- 数字(整数或浮点数)- 字符串(在双引号中)- 逻辑值(true 或 false)- 数组(在方括号中)- 对象(在花括号中)- null

1、导入Gson jar包

 ???????<!-- https://mvnrepository.com/artifact/com.google.code.gson/gson --> ???????<dependency> ???????????<groupId>com.google.code.gson</groupId> ???????????<artifactId>gson</artifactId> ???????????<version>2.8.2</version> ???????</dependency>

关于Gson的详细信息可以参考:JAVA解析JSON数据

Gson 是 Google 提供的用来在 Java 对象和 JSON 数据之间进行映射的 Java 类库。可以将一个 JSON 字符串转成一个 Java 对象,或者反过来。

这是关于GSON的介绍,相对于传统的json解析,使用GSON能够极大的简化了解析流程。

2、下面提供一小段提前整理好的json数据

[ ?{ ???"zone_id": 100001, ???"title": "围栏1", ???"zone_geometry": { ?????"type": "polygon", ?????"apex": [ ???????????????{ ?????????"lng": "113.166096", ?????????"lat": "31.727309" ???????}, ?????????????{ ?????????"lng": "113.222498", ?????????"lat": "31.689881" ???????} ??????????] ???} ?}, ?{ ???"zone_id": 100002, ???"title": "围栏2", ???"zone_geometry": { ?????"type": "polygon", ?????"apex": [ ???????{ ?????????"lng": "113.462342", ?????????"lat": "31.626034" ???????}, ???????{ ?????????"lng": "113.472525", ?????????"lat": "31.538983" ???????} ?????] ???} ?},]

分析原始的json数据格式:原始的json数据整体是一个JsonArray,其次是JsonObject,内部包含有很多字段,里面再套有一层JsonObject,再往里面是JsonArray。

通常而言,遇到了一个[   ]  可以定义一个List,碰见一个{   } 可以定义一个实体类。

因此,我这里定义了三个实体类:

从外层往内层依次是:HerdCamera   ZoneGeometry    Apex

public class HerdCamera { ???private String zone_id; ???private String title; ???private ZoneGeometry zoneGeometry; ???public String getZone_id() { ???????return zone_id; ???} ???public void setZone_id(String zone_id) { ???????this.zone_id = zone_id; ???} ???public String getTitle() { ???????return title; ???} ???public void setTitle(String title) { ???????this.title = title; ???} ???public ZoneGeometry getZoneGeometry() { ???????return zoneGeometry; ???} ???public void setZoneGeometry(ZoneGeometry zoneGeometry) { ???????this.zoneGeometry = zoneGeometry; ???}}
import java.util.List;public class ZoneGeometry { ???private String type; ???private List<Locations> apex; ???public String getType() { ???????return type; ???} ???public void setType(String type) { ???????this.type = type; ???} ???public List<Locations> getApex() { ???????return apex; ???} ???public void setApex(List<Locations> apex) { ???????this.apex = apex; ???}}
public class Apex { ???private double lng; ???private double lat; ???public Apex(double lng, double lat) { ???????super(); ???????this.lng = lng; ???????this.lat = lat; ???} ???public double getLng() { ???????return lng; ???} ???public void setLng(double lng) { ???????this.lng = lng; ???} ???public double getLat() { ???????return lat; ???} ???public void setLat(double lat) { ???????this.lat = lat; ???}}

3、开始依次从外往内部解析数据源

public Map<String,Object> herdcameradata() throws Exception{ ???????String fileName = "fileName";     JsonParser parser = new JsonParser(); // 创建JSON解析器 ???????JsonArray array = (JsonArray) parser.parse(new FileReader(fileName)); ???// 首先解析出来的是JsonArray ???????????????Map< String, Object> result=new HashMap<>(); ???????????????List<Object> herdCameras = new ArrayList<Object>(); ???????????????for (int i = 0; i < array.size(); i++) { ???????????JsonObject subObject = array.get(i).getAsJsonObject();         // 第二步获得的是JsonObject ???????????HerdCamera herd = new HerdCamera(); ???????????herd.setZone_id(subObject.get("zone_id").getAsString());       //然后依次获取subObject中的每一个字段 ???????????herd.setTitle(subObject.get("title").getAsString()); ???????????ZoneGeometry zoneGeometry = new ZoneGeometry(); ???????????JsonObject subObject2 = subObject.getAsJsonObject("zone_geometry");  //第四步又获得一个zone_geometry的JsonObject ???????????zoneGeometry.setType(subObject2.get("type").getAsString());       //然后获取zone_geometry内部的type对象 ???????????JsonArray array2 = subObject2.getAsJsonArray("apex");           //第五步中apex是一个jsonArray ???????????List<Locations> locationList = new ArrayList<Locations>(); ???????????for (int j = 0; j < array2.size(); j++) { ???????????????Locations location = new Locations(); ???????????????JsonObject subObject3 = array2.get(j).getAsJsonObject(); ???????????????location.setLng(subObject3.get("lng").getAsString()); ???????????????location.setLat(subObject3.get("lat").getAsString()); ???????????????locationList.add(location); ???????????} ???????????zoneGeometry.setApex(locationList); ???????????herd.setZoneGeometry(zoneGeometry); ???????????herdCameras.add(herd); ???????} ???????????????result.put("cameras",herdCameras ); ???????return result; ???}

4、结束

到现在,所有的解析都已经基本完成,但配合着controller中的映射就可以在前端获取到相关的数据。

下面给出我获取到的情况:

  

如何解析json字符串及返回json数据到前端

原文地址:https://www.cnblogs.com/xiaxj/p/9197496.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved