数据精度问题，导致前后端数据和不一致，解决方案

最新推荐文章于 2024-05-13 16:37:17 发布
最新推荐文章于 2024-05-13 16:37:17 发布
阅读量391 收藏
点赞数 1
文章标签： 前端 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45776545/article/details/137008556
版权

前端传递的数据

后端返回数据

在控制台打印

roomid：10976458979374928, 后端返回的：roomid：10976458979374929

问题原因 

数据精度问题，

在JavaScript中，Number类型范围-2^53 + 1 到 2^53 - 1

在Java中Long类型的取值范围是-2^63 + 1 到 2^63 - 1, 

Number.isSafeInteger()用来判断一个整数是否落在这个范围之内。

解决办法 

id返回接口时转为字符串类型给前端

顾辰呀
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2020-10-13前端获取的数据始终和后台发来的数据不太一致(布尔值)
weixin_45044097的博客
10-13 1730
记一些遇到的乱七八糟的东西，万一以后遇到要用呢。 find / -name ‘*logf’ find . -name test mvn install -Ddockerfile.skip=true -Dmaven.test.skip=true -X mvn compile/clean/test/test-compile/site/package/install @NotEmpty 集合上面使用 @NotBlank 用在String上面 @NotNull 基本数据类型 MyBatis-Plus（简称 MP）是
Web开发-问题-前后端交互数据不一致
Lees0nの博客
12-05 924
前后端通讯数据不同的疑惑(・∀・(・∀・(・∀・*)
记录一次后端返回分页数据，前端页面收到的数据和postman不一致的问题
cyh9001的博客
05-13 99
前端采用的是react，后端是springboot，后端用postman测试一切正常，userId采用的是long型数据，但是前端页面收到后，userId就和postman不一样，最后将userId改成字符串返回就正常了。
前端与后端之间的数据发送之间不一致
m0_64360825的博客
09-26 236
百度一下，大概意思就是 number 类型的精确度问题，只精确到 17 位，于是后面的的数字的转为 0。最近遇到这个问题，一开始以为是在 Java 拿数据出现问题，便在 java 排查，但没有问题。Java 中的数据 id 为 Long 类型，但前端接收时是默认使用 number 类型接收。之后我就怀疑是数据发送时掉包，但进行数据检测已没有问题。前端接收到：1231212568765432300。后端发送：1231212568765432345。于是，问题便定义到了前端。
解决java后端序列化后传前端数据不一致/不匹配，比如Long类型或者LocalDateTime类型
m0_59757074的博客
03-15 2132
解决java后端序列化后传前端数据不一致/不匹配，比如Long类型或者LocalDateTime类型
前后端传参精度损失
m0_46506164的博客
11-20 235
问题：遇到的问题 前端的界面 可以新增数据，无法删除，可以编辑，但会生成新的数据，经过一阵摸排，发现是数据库的id采用的是雪花算法生成的19位id，而后端框架的Long类型的数据传到前端时会转换成 Number类型（16位），会造成精度丢失，故而前端找不到id所以无法删除数据，数据修改后会由于精度丢失2位被系统认为是新的数据，会被去掉后两位重新创建一条新数据。 解决方案：通过jackson把Long类型转换为前端使用的js String类型，前端返回的19位String类型返回服务端
前台通过ajax接收的数据和后台(java)传输的数据不一样
qq_34794885的博客
03-04 1443
前台通过ajax接收的数据和后台(java)传输的数据不一样 在获取订单号时，前台显示传输的数据为20202340，后台显示的是20202334，后台的数据库里面显示的是20202334，用接口调试工具postman 测试显示的也是20202334。 然后我开始检查前端的ajax,发现没有问题。 在网上搜索发现是因为后台使用了long类型，postman可以解析long类型，前端不能解析 long...
C++数据精度问题的解决方案(对浮点数保存指定位小数)
01-20
2、 解决方案  A、添加头文件 #include #include <iomanip>  B、添加命名空间 using namespace std;  C、添加函数 /************************************************************************/ /*
C++数据精度问题(对浮点数保存指定位小数)
08-29
主要介绍了对浮点数保存指定位小数。比如， 1.123456. 要保存1位小数，，调用方法后， 保存的结果为： 1.1。 再比如，1.98765, 保存2位小数的结果为： 2.00,需要的朋友可以参考下
高精度海量数据分析.pptx
最新发布
05-23
解决方案,研究报告,行业报告
前后端联调时JS数据精度问题的解决
wxiao_xiao_miao的博客
11-16 272
前后端联调时Number精度问题的解决方案
【Java基础系列】body参数前后端不一致
檀越的博客
12-28 6487
通常，它用于注册一些自定义的编辑器（Editor）或验证器（Validator），以便在控制器中对请求参数进行预处理。提供了一种灵活的机制，使得你可以在控制器中对数据绑定的行为进行个性化定制。在这个方法中，你可以注册一些自定义的编辑器或验证器。方法中，你还可以进行一些其他的数据预处理操作，例如将字符串中的空格去除，或者将特定格式的数据进行处理。是 Spring MVC 中用于进行数据绑定的核心类，它包含了与数据绑定相关的各种方法和配置。需要谨慎，确保你了解自己的需求和对请求的修改操作，以避免潜在的问题。
记录一次前后端传参方式不一致异常
分享思想，留下痕迹。
11-30 1854
大家好，我是Leo哥🫣🫣🫣，最近在写一个前后端分离案例的demo的时候，一个接口中前端向后端传递的参数方式和后端接收的方式不太一致，出现了问题。具体是啥呢，咱们接着往下聊。好了，话不多说让我们开始吧😎😎😎。以上便是本文的全部内容，本人才疏学浅，文章有什么错误的地方，欢迎大佬们批评指正！我是Leo，一个在互联网行业的小白，立志成为更好的自己。如果你想了解更多关于Leo，可以关注公众号-程序员Leo，后面文章会首先同步至公众号。本文由博客一文多发平台OpenWrite发布！
后端与前端数值类型传递数据精度丢失问题解决方案
m0_64092639的博客
09-25 598
2.本人遇见的这种情况可以说是上述问题的一种变形，简述：需求是将存储在数据库中的数据取出并将整体的格式和数值都传递过去（如：保存两位小数），封装好的数据层对象的值是正确的。1.使用雪花算法作为数据库ID主键的自增策略时，这时直接去封装对象，导致后两位的数据自动抹零从而造成精度丢失问题。注解的底层是将该属性序列化时采用String的方式去序列化数据，这样得到的JSON不会造成精度损失。1.直接将原本需要接受数据的实体类或DTO类的属性修改为String类型。
前后端交互，后端给的数据结构和想预想的不一样？
湖北太米网络科技有限公司
09-20 112
前后端交互时，后端返回的数据结构与前端预期的不一致是一种常见的问题，通常可以通过以下方式来解决：明确数据结构规范：在项目初期，前后端开发团队应该明确定义数据结构规范，包括接口的输入参数和返回结果的格式、字段名称和数据类型等。这有助于双方确保一致性。文档化：文档是关键，要确保有清晰的接口文档，其中包括每个接口的预期输入和输出...
前端、后端分离原因分析
wghhdzwzqbx02的专栏
02-14 3341
        对于前端技术，早年指HTML、CSS，后来又加上JavaScript，现在更进一步增加了框架（Vue、React、Angular）与类库（JQuery、Ajax、NodeJS）。         第一阶段，前端、后端耦合。前端只负责HTML、CSS来做静态页面，JSP、PHP后端程序员负责将这些静态网页输出给浏览器，并增加动态部分。这样做的好处在于每次交给客户端的为完整处理好的页...
日常错误：前后端数据数据不匹配
m0_51139074的博客
05-02 479
日常错误
解决全站乱码的过滤器
MissJxs的博客
10-09 136
import javax.servlet.*; import javax.servlet.annotation.WebFilter; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; /** * 解决全站乱码问题，处理所有的请求 */ @WebFilter("/*") public class Charchate
allegro因为精度问题导致走线连接不上的解决办法
12-15
allegro是一种常用的走线设计软件，但有时候会出现由于精度问题导致走线连接不上的情况。解决这个问题的方法有以下几点： 首先，我们可以尝试调整走线网格的精细度。在allegro软件中，我们可以通过调整走线网格的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值