js接受Long型损失精度问题怎么解决

本篇内容介绍了“js接受Long型损失精度问题怎么解决”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

一、场景描述

在下面这个后台管理中，当我们点击禁用后，会向服务器发送一个请求，同时携带这个员工的19位数字的id。

 请求方式为PUT

这里的禁用对应employee表中的status字段，1为启用，0为禁用。controller中对应的方法如下：

    @PutMapping    public R<String> update(httpservletRequest request,@RequestBody Employee employee) {        log.info("修改的用户id为{}", employee.getId());        Long empId = (Long)request.getSession().getAttribute("employee");        employee.setUpdateTime(LocalDateTime.now());        employee.setUpdateUser(empId);         employeeService.updateById(employee);        return R.success("更新员工成功");    }

 当点击后发现并没有被禁用，数据库中该用户的status字段也没有更新成功。通过debug发现请求发送时携带id与数据库中的不同

而页面展示的时候返回的数据id也是正常的

二、问题分析

这是因为页面js处理Long型数据只能精确到前16位，所以最终ajax提交到服务器的请求中id后几位被四舍五入了

三、解决方法

我们可以在服务端给页面响应JSON数据时进行处理，将long型数据统一转为String字符串，效果如下:

具体实现步骤:

• 提供对象转换器Jackson0bjectMapper，基于Jackson进行Java对象到json数据的转换

• 在WEBmvcConfig配置类中扩展spring mvc的消息转换器，在此消息转换器中使用提供的对象转换器进行java对象到json数据的转换 

public class JacksonObjectMapper extends ObjectMapper {     public static final String DEFAULT_DATE_FORMAT = "yyyy-MM-dd";    public static final String DEFAULT_DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss";    public static final String DEFAULT_TIME_FORMAT = "HH:mm:ss";     public JacksonObjectMapper() {        super();        //收到未知属性时不报异常        this.configure(FaiL_ON_UNKNOWN_PROPERTIES, false);         //反序列化时，属性不存在的兼容处理        this.getDeserializationConfig().withoutFeatures(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES);          SimpleModule simpleModule = new SimpleModule()                .aDDDeserializer(LocalDateTime.class, new LocalDateTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))                .addDeserializer(LocalDate.class, new LocalDateDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))                .addDeserializer(LocalTime.class, new LocalTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)))                 .addSerializer(BigInteger.class, ToStringSerializer.instance)                .addSerializer(Long.class, ToStringSerializer.instance)                .addSerializer(LocalDateTime.class, new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT)))                .addSerializer(LocalDate.class, new LocalDateSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT)))                .addSerializer(LocalTime.class, new LocalTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)));         //注册功能模块 例如，可以添加自定义序列化器和反序列化器        this.reGISterModule(simpleModule);    }}

webmvc配置类 

@Configuration@Slf4jpublic class WebMvcConfig extends WebMvcConfigurationSupport {           @Override    protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) {        log.info("消息转化器添加成功");        // 创建消息转换器        MappingJackson2HttpMessageConverter converter = new MappingJackson2HttpMessageConverter();         // 设置对象转换器，底层使用jackson将java对象转换为json        converter.setObjectMapper(new JacksonObjectMapper());        // 将上面的消息转换器添加到mvc框架的转换器集合中        converters.add(0, converter);     }}

“js接受Long型损失精度问题怎么解决”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站，小编将为大家输出更多高质量的实用文章！