解决后端Long型数据传到前端js后精度丢失的问题-CFANZ编程社区

假设一个场景，MybatisPlus的雪花算法生成long类型主键ID，存入数据库，前端获取到数据后，要执行一个更新操作（updateById），但这时会出现无法成功更新的情况！这是因为前端在长度大于17位时会出现精度丢失的问题。

前端查询请求到的数据
在这里插入图片描述
数据库当中的ID：

js当中number类型的安全整数是53位，如果超过53位，则精度会丢失。如果后台传来一个64位的Long型整数，因为超过了53位，所以后台返回的值和前台获取的值会不一样。上面的例子可以看到，17位以后的数字变成了0，第17位四舍五入。

如何避免精度丢失呢？最常用的办法就是将Long类型字段统一转成String类型。

以下以SpringBoot为例，
首先创建对象映射器

/**
 * 对象映射器:基于jackson将Java对象转为json，或者将json转为Java对象
 * 将JSON解析为Java对象的过程称为 [从JSON反序列化Java对象]
 * 从Java对象生成JSON的过程称为 [序列化Java对象到JSON]
 */
public class JacksonObjectMapper extends ObjectMapper {

    public JacksonObjectMapper() {
        super();
        //收到未知属性时不报异常
        this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false);

        //反序列化时，属性不存在的兼容处理
        this.getDeserializationConfig().withoutFeatures(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES);


        SimpleModule simpleModule = new SimpleModule()

                .addSerializer(BigInteger.class, ToStringSerializer.instance)
                .addSerializer(Long.class, ToStringSerializer.instance);

        //注册功能模块 例如，可以添加自定义序列化器和反序列化器
        this.registerModule(simpleModule);
    }
}

然后将其追加到mvc框架的转换器集合中

@Configuration
@Slf4j
public class WebMvcConfig extends WebMvcConfigurationSupport {

    @Override
    protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) {
        log.info("扩展消息转换器...");
        //创建消息转换器对象
        MappingJackson2HttpMessageConverter messageConverter=new MappingJackson2HttpMessageConverter();
        //设置对象转换器，底层使用Jackson将Java对象转为json
        messageConverter.setObjectMapper(new JacksonObjectMapper());
        //将上面的消息转换器对象追加到mvc框架的转换器集合中
        converters.add(0,messageConverter);
    }
}

这时前端查询请求到的数据，就不会出现精度丢失的问题了
在这里插入图片描述