问题出现

后端的Java Bean的id属性是用的Long类型对应数据库主键使用bigint类型                ，当使用JSON方式传递该数据给前端时  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
，前端接收到的数据末尾会变成0
  
  
  
  
  
  
  
  。（发生的精度丢失问题）

问题原因

Java中的long能表示的范围比js中number大















，也就意味着部分数值在js中存不下(变成不准确的值)
  
  
  
  
  
  
  
  ，导致Id最后几位直接变成了0 
  
  
  
  
  
  
  
 。

解决方案

将后端的id变成字符串类型  
  
  
  
  
  
  
  
，前端以字符串的方式接收就不会有精度丢失

方案一：Jackson

单个配置

在Long类型字段上加序列化注解

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

统一配置

需要每一个都指定注解
 


 


 


 


 


 


 


 

，比较麻烦
 
 
 
 
 
 
 
 ，下面是统一配置

import com.fasterxml.jackson.databind.ObjectMapper; import com.fasterxml.jackson.databind.module.SimpleModule; import com.fasterxml.jackson.databind.ser.std.ToStringSerializer; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.http.converter.json.Jackson2ObjectMapperBuilder; @Configuration public class JacksonConfig { @Bean @Primary @ConditionalOnMissingBean(ObjectMapper.class) public ObjectMapper jacksonObjectMapper(Jackson2ObjectMapperBuilder builder) { ObjectMapper objectMapper = builder.createXmlMapper(false).build(); SimpleModule simpleModule = new SimpleModule(); //Long类型----String simpleModule.addSerializer(Long.class, ToStringSerializer.instance); objectMapper.registerModule(simpleModule); return objectMapper; } }

方案二：FastJSON

单个配置

在Long类型字段上加注解Long转String

@JSONField(serializeUsing = ToStringSerializer.class) private Long userId;

统一配置

通过重写WebMvcConfigurer中的configureMessageConverters方法来重新配置转换器

import com.alibaba.fastjson.serializer.SerializeConfig; import com.alibaba.fastjson.serializer.ToStringSerializer; import com.alibaba.fastjson.support.config.FastJsonConfig; import com.alibaba.fastjson.support.spring.FastJsonHttpMessageConverter; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; @Configuration public class CustomFastJsonConfig { @Bean FastJsonHttpMessageConverter fastJsonHttpMessageConverter() { //1.需要定义一个convert转换消息的对象 FastJsonHttpMessageConverter converter = new FastJsonHttpMessageConverter(); //2.添加fastJson的配置信息 FastJsonConfig fastJsonConfig = new FastJsonConfig(); //3.设置Long为字符串 SerializeConfig serializeConfig = SerializeConfig.globalInstance; serializeConfig.put(Long.class, ToStringSerializer.instance); serializeConfig.put(Long.TYPE, ToStringSerializer.instance); fastJsonConfig.setSerializeConfig(serializeConfig); //4.在convert中添加配置信息. converter.setFastJsonConfig(fastJsonConfig); return converter; } }

后端返回的数据   
   
   
   
   
   
   
   
，只要是Long类型的字段
 

 

 

 

 

 

 

 
，都会被转成String返回

 

 

 

 

 

 

 

 ，导致扩大了转换范围                ，不过可以解决所有long类型带来的问题 


 


 


 


 


 


 


 


。

注意点

单个属性配置注解的时候：

FastJSON使用FastJSON下的ToStringSerializer Jackson使用Jackson下的ToStringSerializer