Long类型转json时前端js丢失精度解决方案

一、问题背景

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

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

二、解决思路

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

三、具体实现

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

在包里添加类LongJsonSerializer，代码如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13

/**  * 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，代码如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

/**  * 将字符串转为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字段上，加上注解。比如如下代码：

?

1 2 3 4 5 6

/**  * id  */ @JsonSerialize(using = LongJsonSerializer.class) @JsonDeserialize(using = LongJsonDeserializer.class) private Long id;

　　

四、效果展示

接下来，我们看看前端看到的json数据效果，如图示：