js处理java后端接口返回long值解析不准确的问题-springboot

652 阅读3分钟

本文已参与「新人创作礼」活动.一起开启掘金创作之路。

js处理java后端接口返回long值解析不准确的问题-springboot

问题场景

js处理java后端接口返回long值解析不准确的问题

在工作中,遇到一个问题,明明后端接口返回的id是16437976441985843999(只是举例),但是用这个id去查询详情接口时总是报错,后端开发人员查了日志是传的id不对,实际是16437976441985843000,浏览器接口返回的id和后端原本给的id竟然不一致,查了相关文档: 在Long长度大于17位时,就会出现精度丢失的问题 简单解释就是:JS自身Number类型的设计原因,原生JS不完全支持long 解决方法:

   1) 前端请求后端的接口时候,Long值 以字符请求 “16437976441985843999” ,,

   springboot :后端接口: 以Long 类型接收。      springBoot jacksonJson 可以确保接收到正确的       Long :16437976441985843999

   2) 后端返回给前端为 字符信息

前端用String类型的雪花ID保持精度,后端及数据库继续使用Long(BigINT)类型不影响数据库查询执行效率。

剩下的问题就是:在Spring Boot应用中,使用Jackson进行JSON序列化的时候怎么将Long类型ID转成String响应给前端。方案如下:

@Configuration
public class JacksonConfig {

  @Bean
  @Primary
  @ConditionalOnMissingBean(ObjectMapper.class)
  public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder)
  {
    ObjectMapper objectMapper = builder.createXmlMapper(false).build();

    // 全局配置序列化返回 JSON 处理
    SimpleModule simpleModule = new SimpleModule();
    //JSON Long ==> String
    simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
    objectMapper.registerModule(simpleModule);
    return objectMapper;
  }

}

js处理java后端接口返回long值解析不准确的问题-springboot

问题场景

js处理java后端接口返回long值解析不准确的问题

在工作中,遇到一个问题,明明后端接口返回的id是16437976441985843999(只是举例),但是用这个id去查询详情接口时总是报错,后端开发人员查了日志是传的id不对,实际是16437976441985843000,浏览器接口返回的id和后端原本给的id竟然不一致,查了相关文档: 在Long长度大于17位时,就会出现精度丢失的问题 简单解释就是:JS自身Number类型的设计原因,原生JS不完全支持long 解决方法:

   1) 前端请求后端的接口时候,Long值 以字符请求 “16437976441985843999” ,,

   springboot :后端接口: 以Long 类型接收。      springBoot jacksonJson 可以确保接收到正确的       Long :16437976441985843999

   2) 后端返回给前端为 字符信息

前端用String类型的雪花ID保持精度,后端及数据库继续使用Long(BigINT)类型不影响数据库查询执行效率。

剩下的问题就是:在Spring Boot应用中,使用Jackson进行JSON序列化的时候怎么将Long类型ID转成String响应给前端。方案如下:

@Configuration
public class JacksonConfig {

  @Bean
  @Primary
  @ConditionalOnMissingBean(ObjectMapper.class)
  public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder)
  {
    ObjectMapper objectMapper = builder.createXmlMapper(false).build();

    // 全局配置序列化返回 JSON 处理
    SimpleModule simpleModule = new SimpleModule();
    //JSON Long ==> String
    simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
    objectMapper.registerModule(simpleModule);
    return objectMapper;
  }

}