前端js长整型精度丢失处理
一、现象
在分页查询时,服务端会将返回的对象进行json序列化,转换为json格式的数据,而用户的ID是一个Long类型的数据,而且是一个长度为 19 位的长整型数据, 该数据返回给前端是没有问题的。
问题实际上, 就出现在前端JS中, js在对长度较长的长整型数据进行处理时, 会损失精度, 从而导致提交的id和数据库中的id不一致。
1.1数据表和数据类型介绍
-
数据表:user 属性id是bigint类型
1.2进行更新操作(后台返回的json数据中,id是长整形,此时前端接收到id,已经造成精度丢失问题)
二、解决方式一:注解@JsonSerialize
2.1 自定义Id类型转换器,定义转换规则
2.2 在实体类上需要装换的字段上加上注解
三、效果展示
前端获取的数据中,id已经转换成string类型 因此,进行更新操作时,提交的id是字符串类型,不存在精度丢失问题
四、解决方式二:
在SpringMVC中, 将Controller方法返回值转换为json对象, 是通过jackson来实现的, 涉及到SpringMVC中的一个消息转换器MappingJackson2HttpMessageConverter, 所以我们要解决这个问题, 就需要对该消息转换器的功能进行拓展。
4.1 提供对象转换器JacksonObjectMapper,基于Jackson进行Java对象到json数据的转换
/** * 该自定义的对象转换器, 主要指定了, * 在进行json数据序列化及反序列化时, BigInteger及Long类型数据,直接转换为字符串 */ public class JacksonObjectMapper extends ObjectMapper { public JacksonObjectMapper() { super(); SimpleModule simpleModule = new SimpleModule() .addSerializer(BigInteger.class, ToStringSerializer.instance) .addSerializer(Long.class, ToStringSerializer.instance); //注册功能模块 例如,可以添加自定义序列化器和反序列化器 this.registerModule(simpleModule); } }
4.2 在WebMvcConfig配置类中扩展Spring mvc的消息转换器,在此消息转换器中使用提供的对象转换器进行Java对象到json数据的转换
/** * 在WebMvcConfig中重写方法extendMessageConverters */ @Configuration public class WebMvcSupport extends WebMvcConfigurationSupport { /** * 扩展mvc框架的消息转换器 * @param converters */ @Override protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) { //创建消息转换器对象 MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter(); //设置对象转换器,底层使用Jackson将Java对象转为json messageConverter.setObjectMapper(new JacksonObjectMapper()); //将上面的消息转换器对象追加到mvc框架的转换器集合中 converters.add(0,messageConverter); } /** * 设置静态资源映射 * @param registry */ @Override protected void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/**").addResourceLocations("classpath:/static/"); } }