zoukankan      html  css  js  c++  java
  • Long类型转json时前端js丢失精度解决方案

    出自:https://www.cnblogs.com/lvgg/p/7475140.html

    一、问题背景

    Java后端开发过程中,尤其是id字段,因数值太大,通过json形式传输到前端后,在js解析时,会丢失精度。

    如果对精度丢失没有什么概念,可以看一个知乎的帖子,来感受一下:https://www.zhihu.com/question/34564427?sort=created

    二、解决思路

    将id字段序列化为json时,转换为字符串类型,前端传输到后端,反序列化时,再重新转换为Long。

    三、具体实现

    在dto所在项目中,新建一个helper包(名字自定义,也可以放现有包里)。PS:为什么要建到dto项目中?因为,这个包最后可能会给其他组使用,这样以来,所有的处理规则逻辑都是统一的,方便对接。

    在包里添加类LongJsonSerializer,代码如下:

    /**
     * Long 类型字段序列化时转为字符串,避免js丢失精度
     *
     */
    public class LongJsonSerializer extends JsonSerializer<Long> {
        @Override
        public void serialize(Long value, JsonGenerator jsonGenerator, SerializerProvider serializerProvider) throws IOException, JsonProcessingException {
            String text = (value == null ? null : String.valueOf(value));
            if (text != null) {
                jsonGenerator.writeString(text);
            }
        }
    }

    然后在包里再添加类LongJsonDeserializer,代码如下:

    /**
     * 将字符串转为Long
     *
     */
    public class LongJsonDeserializer extends JsonDeserializer<Long> {
        private static final Logger logger = LoggerFactory.getLogger(LongJsonDeserializer.class);
      
        @Override
        public Long deserialize(JsonParser jsonParser, DeserializationContext deserializationContext) throws IOException, JsonProcessingException {
            String value = jsonParser.getText();
            try {
                return value == null ? null : Long.parseLong(value);
            } catch (NumberFormatException e) {
                logger.error("解析长整形错误", e);
                return null;
            }
        }
    }

    好了,接下来是使用这两个类。

    在需要处理的id字段上,加上注解。比如如下代码:

    /**
     * id
     */
    @JsonSerialize(using = LongJsonSerializer.class)
    @JsonDeserialize(using = LongJsonDeserializer.class)
    private Long id;
  • 相关阅读:
    目标检测:YOLOV2
    目标检测:YOLOV1
    格拉姆矩阵(Gram matrix)详细解读
    Java 线程Thread.Sleep详解
    luogu2429 制杖题
    luogu2441 角色属性树
    luogu2398 SUM GCD
    luogu2303 [SDOI2012] Longge的问题
    luogu2054 洗牌 同余方程
    线性同余方程
  • 原文地址:https://www.cnblogs.com/onlymate/p/10229310.html
Copyright © 2011-2022 走看看