iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >解决页面js接受Long型损失精度问题(最新解决方案)
  • 520
分享到

解决页面js接受Long型损失精度问题(最新解决方案)

js接受Long型损失精度js接受Long型 2023-03-09 17:03:57 520人浏览 安东尼
摘要

目录一、场景描述二、问题分析三、解决方法一、场景描述 在下面这个后台管理中,当我们点击禁用后,会向服务器发送一个请求,同时携带这个员工的19位数字的id。  请求方式为

一、场景描述

在下面这个后台管理中,当我们点击禁用后,会向服务器发送一个请求,同时携带这个员工的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
@Slf4j
public 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型损失精度问题的文章就介绍到这了,更多相关js接受Long型损失精度内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 解决页面js接受Long型损失精度问题(最新解决方案)

本文链接: https://www.lsjlt.com/news/199138.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 解决页面js接受Long型损失精度问题(最新解决方案)
    目录一、场景描述二、问题分析三、解决方法一、场景描述 在下面这个后台管理中,当我们点击禁用后,会向服务器发送一个请求,同时携带这个员工的19位数字的id。  请求方式为...
    99+
    2023-03-09
    js接受Long型损失精度 js接受Long型
  • js接受Long型损失精度问题怎么解决
    本篇内容介绍了“js接受Long型损失精度问题怎么解决”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、场景描述在下面这个后台管理中,当我们...
    99+
    2023-07-05
  • springboot Long 精度丢失问题解决
    目录前言解决方法基于注解@JsonSerialize(不推荐)基于jackson全局配置(不推荐)使用JsonComponent 序列化配置WebMvcConfigurationSu...
    99+
    2024-04-02
  • SpringBoot分页的实现与long型id精度丢失问题的解决方案介绍
    目录一.分页查询的实现二.禁/启用员工账号三.数值转换器的使用一.分页查询的实现 在做分页查询时流程如下: 页面发送ajax请求,将分页查询参数(page、pageSize、nam...
    99+
    2022-11-13
    SpringBoot分页 SpringBoot long型id精度丢失
  • springboot中使用FastJson解决long类型在js中失去精度的问题
    目录使用FastJson解决long类型在js中失去精度问题1.pom中需要将默认的jackson排除掉2.利用fastJson替换掉jacksonspringboot long精度...
    99+
    2024-04-02
  • double类型精度丢失问题以及解决方法
    double类型精度丢失问题: (1)加法运算。 public static void main(String[] args) {double number1 = 1;double number2 = 20.2;double number3...
    99+
    2023-09-07
    java android
  • SpringBoot2.0解决Long型数据转换成json格式时丢失精度问题
    目录解决Long型数据转换成json格式时丢失精度SpringBoot时间格式,Long型精度丢失常见问题时间格式,Long型精度丢失解决Long型数据转换成json格式时丢失精度 ...
    99+
    2024-04-02
  • js浮点数精度丢失的问题及解决方法
    本篇内容介绍了“js浮点数精度丢失的问题及解决方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!说明在数学计算中,小数会有一定的误差,这是计...
    99+
    2023-06-20
  • Java序列化JSON丢失精度问题的解决方法(修复Long类型太长)
    目录原因:解决办法一:解决办法(二):总结Java序列化JSON时long型数值,会出现精度丢失的问题。 原因: java中得long能表示的范围比js中number大,也就意味着部...
    99+
    2024-04-02
  • SpringBoot全局配置long转String丢失精度的问题解决
    目录第一种方式 第二种方式 第三种方式 第四种方式(缺点:将所有的数字类型都会转为字符串) web项目中,Java后端传过来的Long/long类型,前端JS接收会丢失精度。 本文推...
    99+
    2024-04-02
  • JS数字精度丢失的原因及解决方案
    目录前言精度丢失原因如何将整数从十进制转换为二进制将小数从十进制转换为二进制解决方案第三方库Decimalbignumber变成整数总结前言 在JavaScript中计算两个十进制数...
    99+
    2024-04-02
  • SpringBoot怎么解决Long型数据转换成json格式时丢失精度问题
    这篇“SpringBoot怎么解决Long型数据转换成json格式时丢失精度问题”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇...
    99+
    2023-07-02
  • 利用Math.js解决JS计算小数精度丢失问题
    目录缘由问题的原因最通俗的解释解决方案 - Math.js安装封装使用附:math.js 大数功能总结缘由 最近在做公司的一个点餐H5项目需要前端动态计算用户选的商品的总价(单价*数...
    99+
    2024-04-02
  • 一文教会你解决js数字精度丢失问题
    目录一、关于为什么要解决精度丢失二、怎么解决js的计算精度丢失问题?三、toPrecision 特定方法返回四舍五入长度字符串结语一、关于为什么要解决精度丢失 可以看下例子,因为js...
    99+
    2024-04-02
  • JS超出精度数字问题的解决方法
    精度问题最通俗易懂的解释 比如一个数 1÷3=0.33333333...... 大家都知道3会一直无限循环,数学可以表示,但是计算机要存储,方便下次取出来再使用,但0.333333...
    99+
    2024-04-02
  • vuex页面刷新数据丢失问题的四种解决方式
    目录为什么说刷新页面vuex的数据会丢失第一种方法用sessionStorage第二种方法是 vuex-along示例如下第三种方法是 vuex-persistedstate示例如下...
    99+
    2024-04-02
  • 如何解决页面刷新vuex数据消失的问题
    这篇文章主要为大家展示了“如何解决页面刷新vuex数据消失的问题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何解决页面刷新vuex数据消失的问题”这篇文章吧...
    99+
    2024-04-02
  • JS中浮点数精度问题的分析与解决方法
    目录前言问题的发现浮点数运算后的精度问题toFixed奇葩问题为什么会产生浮点数的存储浮点数的运算解决方法解决toFixed解决浮点数运算精度附:JS浮点数精度问题的一些实用建议总结...
    99+
    2024-04-02
  • vue返回上一页面时不刷新问题及解决方案
    目录返回上一页面时不刷新前景思路说明页面回退后,不刷新问题问题描述问题解决返回上一页面时不刷新 前景 在日常使用的时候,我们经常需要返回上一级页面的时候,不刷新页面,保持页面不变,这...
    99+
    2024-04-02
  • vue页面图片不显示问题解决方案
    在做新版组态界面的时候,用vue框架实现,在配置页面图片的时候发现有一张图片明明页面输入的路径是对的可是图片就是不显示出来 现象:   network页面资源也不报错,而且状态码竟然...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作