iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > Python >Java前后端的JSON传输方式(前后端JSON格式转换)
  • 443
分享到

Java前后端的JSON传输方式(前后端JSON格式转换)

Java JSONJSON传输JSON格式转换 2023-05-14 11:05:50 443人浏览 八月长安

Python 官方文档:入门教程 => 点击学习

摘要

目录JSON 数据简介一、后端将 Java 对象、jsONObject 转换为 JSON 字符串格式二、前端 javascript 对象与 JSON 字符串格式的转换总结JSON 数

JSON 数据简介

1、什么是 JSON 数据

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式:key:value 格式。

JSON 采用完全独立于语言的文本格式,这些特性使 JSON 成为理想的数据交换语言。易于人阅读和编写,同时也易于机器解析和生成。

2、JSON 字符串

JSON 字符串是一种 JSON 格式的 string 字符串,也就是 JSON 字符串也是 string 类型,只是这种 string 是有格式的,也就是类似 map 的格式【key:value】。

  • JSON 字符串的键必须是字符串(也可以存数值,但是数值存进去,取出来还是 String);
  • JSON 字符串的值可以是:数字(整数或浮点数),字符串(在双引号中),数组(在方括号中),对象(在花括号中),true/false/null。

3、后端 JSONObject 对象

JSONObject 是一种数据结构,可以理解为 JSON 格式的数据结构(key-value 结构),类似于 map,可以使用 put 方法给 JSONObject 对象添加元素。JSONObject 可以很方便的转换成字符串,也可以很方便的把其他对象转换成 JSONObject 对象。

(1)通过原生生成 JSONObject

	JSONObject zhangsan = new JSONObject();
        try {
            //添加
            zhangsan.put("name", "张三");
            zhangsan.put("age", 18.4);
            zhangsan.put("birthday", "1900-20-03");
            zhangsan.put("majar", new String[] {"哈哈","嘿嘿"});
            zhangsan.put("null", null);
            zhangsan.put("house", false);
            System.out.println(zhangsan.toString());
        } catch (JSONException e) {
            e.printStackTrace();
        }

(2)通过 HashMap 数据结构生成

   HashMap<String, Object> zhangsan = new HashMap<>();        
   zhangsan.put("name", "张三");
   zhangsan.put("age", 18.4);
   zhangsan.put("birthday", "1900-20-03");
   zhangsan.put("majar", new String[] {"哈哈","嘿嘿"});
   zhangsan.put("null", null);
   zhangsan.put("house", false);
   System.out.println(new JSONObject(zhangsan).toString());

(3)通过 JavaBean 生成

  Student student = new Student();
  student.setId(1);
  student.setAge("20");
  student.setName("张三");
  // 生成 JSONObject
  System.out.println(JSON.toJSON(student));

(4)JSON 字符串与 JSONObject 转换

String studentString = "{\"id\":1,\"age\":2,\"name\":\"zhang\"}";
 
//JSON字符串转换成 JSONObject 
JSONObject jsonObject1 = JSONObject.parseObject(stuString); 
System.out.println(jsonObject1);

4、前端 JSON 字符串和 Javascript 对象对比

5、基础结构

JSON 的两种结构:

(1)“名称/值”对的集合(A collection of name/value pairs)。不同的语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash table),有键列表(keyed list),或者关联数组 (associative array)。

 { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" } 

(2)值的有序列表(An ordered list of values)。在大部分语言中,它被理解为数组(array)。

{ "people": [
{ "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" },
{ "firstName": "Jason", "lastName":"Hunter", "email": "bbbb"}, 
{ "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" }
]} 

5、JSON 格式应用

(1)将 JSON 数据赋值给变量

例如,可以创建一个新的 Javascript 变量,然后将 JSON 格式的数据字符串直接赋值给它:

var people = { "programmers": [ { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" },

{ "firstName": "Jason", "lastName":"Hunter", "email": "bbbb" },

{ "firstName": "Elliotte", "lastName":"Harold", "email": "cccc" }

],

"authors": [

{ "firstName": "Isaac", "lastName": "Asimov", "genre": "science fiction" },

{ "firstName": "Tad", "lastName": "Williams", "genre": "fantasy" },

{ "firstName": "Frank", "lastName": "Peretti", "genre": "christian fiction" }

],

"musicians": [

{ "firstName": "Eric", "lastName": "Clapton", "instrument": "guitar" },

{ "firstName": "Sergei", "lastName": "Rachmaninoff", "instrument": "piano" }

] }

(2)访问数据

将上述这个数组放进 Javascript 变量之后,就可以很轻松地访问它。实际上,只需用点号表示法来表示访问数组元素。所以,要想访问 programmers 列表的第一个条目的姓氏,只需在 JavaScript 中使用下面这样的

代码:

people.programmers[0].lastName;

(3)修改 JSON 数据

正如可以用点号和括号访问数据,也可以按照同样的方式轻松地修改数据

people.musicians[1].lastName = "Rachmaninov";

(4)转换字符串

可以将任何 JSONObject 和 Javascript 对象转换为 JSON 文本,也可以进行逆转换。

一、后端将 Java 对象、JSONObject 转换为 JSON 字符串格式

1、Jackson 类

(1)Maven 引入依赖

        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.9.9</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-core</artifactId>
            <version>2.9.9</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-annotations</artifactId>
            <version>2.9.9</version>
        </dependency>

(2)类库函数使用

    @RequestMapping(value="/returnJson")
    //@ResponseBody注解将JSON数据写入响应流中返回到前端
    @ResponseBody
    public String returnJson(){
        ObjectMapper objectMapper=new ObjectMapper();
        Student student=new Student();
        //writeValueAsString()函数将对象转换为JSON字符串
        return objectMapper.writeValueAsString(student);
    }

2、FastJson 类库

(1)maven引入依赖

    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.4</version>
    </dependency>

(2)类库函数使用

// 将 JSON 字符串反序列化成 JavaBean 
public static final Object parse(String text); 
// 将 JSON 字符串反序列化成 JSONObject    
public static final JSONObject parseObject(String text); 
// 将 JSON 字符串反序列化成 JavaBean 或 JSONObject 
public static final <T> T parseObject(String text, Class<T> clazz); 
// 将 JSON 字符串反序列化成JSONObject 的数组
public static final JSONArray parseArray(String text); 
// 将 JSON 字符串反序列化成 JavaBean 的数组
public static final <T> List<T> parseArray(String text, Class<T> clazz); 
// 将 Java 对象序列化为JSON 字符串 
public static final String toJSONString(Object object); 
// 将 Java 对象序列化为带格式的 JSON 字符串 
public static final String toJSONString(Object object, boolean prettyFORMat); 
 //将 JavaBean 转换为 JSONObject 或者 JSONArray。
public static final Object toJSON(Object javaObject);

parse() 及 parseObject() 进行反序列化时的细节区别在于:parse() 会识别并调用目标类的 setter 方法;parseObject() 由于要将返回值转化为 JSONObject,多执行了 JSON.toJSON(obj),也就是将 JavaBean 转换成 JSONObject,所以在处理过程中会调用反序列化目标类的 getter 方法来将参数赋值给 JSONObject。

3、使用 @RestController 注解

@RestController 是 @ResponseBody 和 @Controller 的组合注解。

  • 1)@Controller 是用来响应页面的,如果是 string 类型的方法,则 springMVC 会跳转到相应的页面(视图)。
  • 2)@ResponseBody 是用来响应数据的,如果是对象类型或者 Map 类型的方法,则 springmvc 会将结果对象转成 json 格式输出给前端。(将 controller 的方法返回的对象通过适当的转换器转换为指定的格式之后,写入到 response 对象的 body 区)
  • 3)@RestController 注解会使 springmvc 将返回的对象或者 Map自 动转 json 返回给前端(底层默认是使用jsckson来实现数据格式转换的)。
    @RequestMapping(value="/returnJson")
    @ResponseBody
    public Student returnJson(){
        Student student=new Student();
        student.setName("林俊杰");
        student.setBirth(new Date(1996-03-15));
        student.setPassword("123456");
        String[] lan= {"Java","python"};
        student.setLanguage(lan);
        return student;
    }

二、前端 Javascript 对象与 JSON 字符串格式的转换

1、使用 JSON 库

(1)Javascript 对象和 json 字符串转换

var jsonVar = {key: value}
 //将JS对象转换为JSON字符串
var jsonString = JSON.stringify(jsonVar) 
//将JSON字符串转换为JSON对象
var jsonObject = JSON.parse(jsonString)  

(2)Javascript 数组和 json 字符串转换

var jsonVar = [value1,..,value]
//将JS数组转换为JSON字符串
var jsonString = JSON.stringify(jsonVar)  
//将JSON字符串转换为数组对象
var jsonObject = JSON.parse(jsonString)  

2、Javascript 自带方法

Javascript 自带的 eval ()函数能够将 json 数据转换成 Javascript 对象。

var json = '{"name":"James"}';
var obj = eval( '(' + json + ')' );  //注意需要在json字符外包裹一对小括号
alert( obj.name );

3、jQuery 的自带方法

Jquery 中可以使用 $.parseJSON(json) 来将 json 转换为 Javascript 对象。

var json = '{"name":"James"}';
var obj = $.parseJSON(json);  
alert( obj.name );  

4、使用 jquery.json 插件

插件提供了 4 个函数,用于解析和反解析 json,具体如下:

  • (1)toJSON:将 Javascript 的 object、number、string 或 array 转换成 JSON 数据。
  • (2)evalJSON:把 JSON 格式数据转换成 Javascript 对象,速度很快,不过这点速度微不足道(作者自己说的)。
  • (3)secureEvalJSON:把 JSON 转换成 Javascript 对象,但是转换之前会检查被转换的数据是否是 JSON 格式的。
  • (4)quoteString:在字符串两端添加引号,并智能转义(跳过)任何引号,反斜杠,或控制字符。
  • (注意:需要和 jQuery 核心库结合使用)
var obj = {"plugin":"jquery-json","version":2.4};
//json = '{"plugin":"jquery-json","version":2.4}'
var json = $.toJSON( obj );
// 得到name值为:"jquery-json"
var name = $.evalJSON( json ).plugin;
// 得到version值为:2.4
var version = $.evalJSON( json ).version;

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: Java前后端的JSON传输方式(前后端JSON格式转换)

本文链接: https://www.lsjlt.com/news/203109.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Java前后端的JSON传输方式(前后端JSON格式转换)
    目录JSON 数据简介一、后端将 Java 对象、JSONObject 转换为 JSON 字符串格式二、前端 Javascript 对象与 JSON 字符串格式的转换总结JSON 数...
    99+
    2023-05-14
    Java JSON JSON传输 JSON格式转换
  • Java前后端的JSON传输方式是什么
    这篇文章主要介绍了Java前后端的JSON传输方式是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Java前后端的JSON传输方式是什么文章都会有所收获,下面我们一起来看看吧。JSON 数据简介1、什么是 ...
    99+
    2023-07-05
  • Java前后端时间格式的转化方式
    JsonFormat、DateTimeFormat使用 从数据库获取时间传到前端进行展示的时候,我们有时候可能无法得到一个满意的时间格式的时间日期,在数据库中显示的是正确的时间格式,...
    99+
    2024-04-02
  • 前端与后端传递数据 — — JSON
    前端与后端传递数据 — — JSON 1 前端传送JSON数据给后端 1.1 application/x-www-form-urlencoded默认格式 1.1.1 通过HttpServletReq...
    99+
    2023-10-27
    json 前端 java Content-Type
  • Java前后端时间格式的转化方法
    这篇文章主要介绍“Java前后端时间格式的转化方法”,在日常操作中,相信很多人在Java前后端时间格式的转化方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Java前后端时间格式的转化方法”的疑惑有所帮助!...
    99+
    2023-06-20
  • Django中数据在前后端传递的方式之表单、JSON与ajax
    目录前言先说简单的:复杂一点的 Ajax 与 JSON总结前言 最近用Django写项目的时候用到了数据的传递,一窍不通,查了点资料。记录一下。水平不高,瓜不保熟。  从两...
    99+
    2024-04-02
  • 后端java 如何返回给前端 JSON数据
    后端java 如何返回给前端 JSON数据 JSON数据 var data = [ { checkinginTime: '2023-04-23', ip: '111' }, { checkinginTime: '20...
    99+
    2023-08-20
    java 前端 json
  • javaweb前端向后端传值的方式有哪些
    这篇文章主要介绍“javaweb前端向后端传值的方式有哪些”,在日常操作中,相信很多人在javaweb前端向后端传值的方式有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”javaweb前端向后端传值的方式...
    99+
    2023-07-05
  • Vue前端后端的交互方式 axios
    目录语法数据请求封装前言: 大家都知道,只要进行数据交互,肯定就要去请求接口,数据请求的方式有vue-resource axios fetch等方式进行数据集请求...
    99+
    2024-04-02
  • springMvc前端如何使用json的方式向后台传递对象数组方法
    这篇文章主要介绍了springMvc前端如何使用json的方式向后台传递对象数组方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。如下所示:...
    99+
    2024-04-02
  • spring boot前后端交互之数据格式转换问题
    在前后端分离开发的项目种,前端获取数据的方式基本都是通过Ajax。请求方法也有所不同,常见的有POST,GET,PUT,DELETE等。甚至连请求的数据类型都不一样,x-www-fo...
    99+
    2023-01-30
    spring boot数据格式转换 spring boot前后端交互
  • JS怎么封装转换前后端接口数据格式工具
    本篇内容介绍了“JS怎么封装转换前后端接口数据格式工具”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!思路一般后端返回给前端的数据几乎都是数组...
    99+
    2023-07-05
  • php json 格式的转换方法
    这篇文章主要为大家展示了php json 格式的转换方法,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“php json 格式的转换方法”这篇文章吧。JS是什么JS是JavaScript的简称,它是...
    99+
    2023-06-06
  • springboot前端传参date类型后台处理的方式
    目录springboot前端传参date类型后台处理先说结论解决方法前端如何发送date类型的参数给后端首先阐述一下常见的几种时间类型的区别GET传参时Post传参时后端接收请求代码...
    99+
    2024-04-02
  • SpringBoot LocalDateTime格式转换方案详解(前端入参)
    目录简介说明相关网址方案简介不使用@RequestBody方案1:@ControllerAdvice+@InitBinder方案2:自定义参数转换器(Converter)使用@Req...
    99+
    2023-05-16
    SpringBoot LocalDateTime格式转换 SpringBoot LocalDateTime转换
  • web前后端交互方式是什么
    这篇文章主要讲解了“web前后端交互方式是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“web前后端交互方式是什么”吧!  正如我们所知,一个完整的IT项目是由多个不同岗位共同完成的,包...
    99+
    2023-06-27
  • Spring MVC前后端的数据传输的实现方法
    这篇文章将为大家详细讲解有关Spring MVC前后端的数据传输的实现方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。后端——> 前端在Spring MVC中这主要通过Model将数据从后端传送到...
    99+
    2023-05-30
    spring mvc
  • python字典和JSON格式的转换方式
    目录python字典和JSON格式的转换python字典和JSON格式的转换字典键的特性json 结构总结python字典和JSON格式的转换 首先引入 import json &g...
    99+
    2023-05-19
    python字典 python JSON格式 字典和JSON格式转换
  • Vue前端导出后端返回的excel文件方式
    目录前端导出后端返回的excel文件处理文件的下载(后端Excel导出)后端文件流通过 Blob 下载拼接 URL 下载前端导出后端返回的excel文件 在网上搜索了一番之后,决定采...
    99+
    2024-04-02
  • (前后端交互式)Ajax上传图片 + 更换背景图片
    前后端交互图片文件 上传-图片 注意1:上传的图片必须在2MB以内 注意2:服务器端oss(阿里云对象存储)为了安全性,图片url网址不能直接在浏览器地址栏访问 请用img/背景图方式进行使用 ...
    99+
    2023-09-21
    ajax 前端
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作