标准的结构化数据格式——JSON

本文介绍了JSON作为前后端数据交换的标准格式,避免了人为字符串切割的问题。阐述了JSON的基本格式,包括字符串、数组和对象,并提及了在Ajax中JSON的序列化与反序列化过程。在后端,使用ObjectMapper的writeValueAsString方法进行序列化,前端则通过JSON.parse()进行反序列化,将JSON字符串转化为JSON对象。
摘要由CSDN通过智能技术生成

1.JSON的引入

Ajax向后端传递数据时,通过人为定义的数据格式往往涉及到一些字符串的切割,而这种切割是人为规定的,使用过程中会出现规定字符的切个问题。
因此,引入JSON,JOSN(JavaScript Object Notation)专门为前后端分离而制作的一种标准的结构化数据格式

2.JSON格式

  • 字符串
    “xxx”
  • 数组
    [ “xxx”,“hhh”,“ddd”]
  • 对象
    {
    “key1” : “value1” ,
    “key2” : “value2”
    }

以上格式为标准格式,不需要我们在进行人为地拼接,许多第三方已经写好了拼接JSON格式的,我们选择一种添加对应依赖即可。
在这里插入图片描述
同时ContentType也有专用的JSON格式
在这里插入图片描述

在数据传输流程中,JSON是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以JSON对象和JSON字符串之间的相互转换是关键
  • 将 JSON对象 转化为 JSON字符串 称为 序列化 的过程
  • 将 JSON字符串 转化为 JSON对象 称为 反序列化 的过程

1.序列化——后端

需要使用到ObjectMapper,以及其下的方法 writeValueAsString() 和writerWithDefaultPrettyPrinter()

//将List类型的对象messageList 序列化 为 字符串
  ObjectMapper objectMapper=new ObjectMapper();

  String s=objectMapper.writerWithDefaultPrettyPrinter().writeValueAsString(messageList);
        //稍微带有美化的输出
  String s=objectMapper.writeValueAsString(messageList);//普通输出
  System.out.println(s);

2.反序列化——前端

利用 JSON.parse() 将 将 JSON字符串 转化为 JSON对象

var text=xhr2.responseText;  //拿到 响应的响应体信息,响应正文

var messageList=JSON.parse(text);

for (var message of messageList) {
  var html="<tr><td>"+message.who+"</td><td>"+message.target+"</td><td>"+message.what+"</td></tr>"
  tbody1.innerHTML =tbody1.innerHTML+html;
 }

Ajax中JSON反序列化的应用总结
在这里插入图片描述

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值