Java Long型数值序列化后在JS中丢失精度

Posted on | In |

Java对象中的主键Id是long类型，API返回的数据里面Id数值是正确的，但是序列化后返回给浏览器的json串中，发现Id的值不对了。例如：Java中Id = 4616189619433466044，浏览器上变成了 4616189619433466000。

原因

原来是JavaScript的 Number 类型取值范围导致的问题。JavaScript中Number类型能安全表示数字的范围是 -(2^53 - 1) 到 (2^53 - 1)。

知道原因后解决这个问题的方法就很简单了，JS不用Number类型来保存long值，而是使用String类型。可以在JS中修改类型，也可以在后端代码中修改。此处给出使用jackson时的解决方案。

方案一、全局配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@Configuration
public class WebConfig extends WebMvcConfigurerAdapter {

    ......
    
    @Override
    public void configureMessageConverters(List<HttpMessageConverter<?>> converters) {
        MappingJackson2HttpMessageConverter converter = new MappingJackson2HttpMessageConverter();

        ObjectMapper objectMapper = new ObjectMapper();

        /**
         * 将所有的long变成string
         */
        SimpleModule simpleModule = new SimpleModule();
        simpleModule.addSerializer(Long.class, ToStringSerializer.instance);
        simpleModule.addSerializer(Long.TYPE, ToStringSerializer.instance);
        objectMapper.registerModule(simpleModule);

        converter.setObjectMapper(objectMapper);
        converters.add(converter);
    }


}

方案二、bean中配置

1
2
3
4
5
6
7
public class UserVo {

    @JsonSerialize(using = ToStringSerializer.class)
    private Long userId;

    ......
}