文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2023-07-05 11:11

关注

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

一、场景描述

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

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

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

 请求方式为PUT

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

这里的禁用对应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与数据库中的不同

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

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

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

二、问题分析

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

三、解决方法

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

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

具体实现步骤:

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型损失精度问题怎么解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯