浏览器不能显示16位以上的数字

Melody_lw

已于 2022-11-23 17:15:07 修改

阅读量1.7k

点赞数

文章标签：前端

于 2022-11-23 17:07:33 首次发布

本文链接：https://blog.csdn.net/qq_61233877/article/details/128003506

版权

前言

最近开发遇到一个bug，这个bug很有意思，就是因为超过16位的数字造成的问题。bug是这样的：

bug简述

首先携带一个id发送请求，获取详情数据
在这里插入图片描述
然后看网络

可以对比两处的参数值，我们会发现，大于16位的部分都被替换为0。这也就造成了携带请求的id是错误的，这就会使得我们获取到错误的数据。

bug 起源

在这里插入图片描述这是我们开发的页面，该列表请求返回的数据是有问题的

我们可以看到，列表项的的hcId都是一样的，其实在数据库中不是一样的。但是这个id的问题影响到我们后面发请求了，我们点击查看按钮时，需要携带对应id发送请求获取详情数据。然后现在id都一样，那获取到的详情数据也就都一样了

解决方案

1.修改数据库id的长度，使得长度小于17位
2.在响应给浏览器数据之前，把id转为字符串

问题验证

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Melody_lw

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【问题】浏览器JS对超过17位字段精度失真问题

帷幄庸者的博客

08-09

1172

在 JSON 数据交换中，JavaScript 无法安全地传输超过 17 位的整数。因此，使用字符串来传输这些整数是可靠的做法，因为字符串在传输过程中不会丢失精度。

Vue处理超过16位数字精度丢失问题（数字最后两位变0）

钢铁之家

04-21

1490

Vue处理超过16位数字精度丢失问题（数字最后两位变0）

参与评论您还未登录，请先登录后发表或查看评论

后端使用Long类型的id 前端接受参数时因为精度不够而后三位全为0的解决方案

最新发布

g05172002的博客

03-12

195

解决前端精度缺失问题

long超过16位之后浏览器自动截断问题处理。

weixin_34236869的博客

06-21

701

2019独角兽企业重金招聘Python工程师标准>>> ...

接口返回超16位number数据 JS显示丢失精度解决方法

neko0622的博客

06-24

3063

联调接口时发现后端返回的不同对象的id重复，浏览器开发者工具查看预览如下图：通过postman测试接口，返回数据与后端确认一致百度后发现，后端返回的id字段number类型数据太长了，有19位，超过了js中number类型的最大值2的53次方即9007199254740992，若超过了这个值会出现精度丢失问题。而且，由于本项目后端返回的是JSON格式的数据，axios响应会自动转换成js对象，浏览器预览看到的结果即为丢失精度后的数据。出现这种情况，可以与后端沟通，让后端将id的number类型数据处理成

long超过16位之后浏览器自动截断问题处理

u012516914的专栏

06-21

4990

java前后端交互的过程中，定义的Long字段超过16位之后，js发生截断，从而不能跟后台数据进行匹配。处理方法把long型字段转成string进行处理。（可以使用json注解转换或者springmvc统一拦截处理）修改数据库以及java实体类，数据库使用varchar，实体使用string，避免截断问题。在大多数情况下，第一种是可取的，第二种，可行，但是可能修改起来工作...

接口返回数字长度太长导致精度丢失（丢失精度）

神zhi殇的博客

07-27

2150

JS中数字太大导致精度丢失你

用js解决数字不能换行问题

10-28

通过上述CSS或JavaScript方法，我们可以有效地解决数字在浏览器中不能换行的问题，保证页面布局的整洁和用户体验。然而，需要注意的是，JavaScript方法可能会影响页面性能，特别是在处理大量或频繁更新的内容时。...

兼容所有浏览器的数字翻牌显示源码

01-11

//ntype【样式代码1-6】, ncjpath【背景图片路径,后面应有“/”】,ndpspeed【翻牌速度】, numbstr【显示数据，可加逗号和小数点】, disdivid【显示层的ID】, nbdlx【小数点及千位分割符的类型：1图片，2字符】 ...

在表格加样式解决表格中英文和数字不能换行

09-25

综上所述，通过合理运用CSS的 `word-wrap`、`word-break` 和 `white-space` 属性，我们可以解决表格中英文和数字不能换行的问题，提高表格内容的可读性和布局的灵活性。在实际应用中，根据具体情况选择合适的样式...

针对火孤浏览器不显示flash 的问题请安装这个

11-12

面对火孤浏览器不显示Flash的问题，解决方案通常是安装Adobe Flash Player。压缩包中的"install_flash_player.exe"文件很可能就是用于解决这个问题的Flash Player安装程序。在安装前，请确保文件来源可靠，以防下载...

前端处理超过16位数字，精度丢失问题

m0_60363393的博客

06-21

4925

前端处理超过16位数字，精度丢失问题

当Number类型的id超过16位时，JavaScript的数据处理和储存问题

进击的你的博客

06-27

2509

当Number类型的id超过16位时，JavaScript的数据处理和储存问题

前端数字超过16位传参导致多余位数为0问题解决记录

m0_37850275的博客

12-14

656

前端数字超过16位传参导致多余位数为0问题解决记录

用URL传值的浏览器最大长度限制

weixin_30252709的博客

11-14

526

1：问题描述：画面上是有一个table，table上表示了有很多文件的。用户可以操作选择表格中一条，或者多条，然后点击画面上的一个下载button。如果是分别一条一条的下载没有问题，用firefox一次下载多条也没有问题；但是如果用IE9的一次性下载多条的话，就会出错。 2：原因：经过调查发现是从当前页面网download画面传值的时候，所有的文件名都是用URL传递的，用subm...

【js系】一次前端id超过16位整数的bug问题

run_boy_2022的博客

05-06

923

如果超过这个值，那么js会出现不精确的问题。果真有个id的值，后端数据库查询返回给前端的是13557206188654767 结果启用传给后端的接口id值变成了13557206188654768。先前言讲述下，项目中碰到的一个奇葩问题，项目中有个列表启用按钮，界面操作流程是先选择某一行记录选中点击启用，可是选中后某一行竟然没有操作上。看到这个问题，于是就搜索引擎关于js 超过16位失真的问题，找了篇文章大概理解了下。于是就前端debug查看下前端传递后端参数值是否有问题。如何防止这个事情发生呢？

后端Long类型19位返回前端丢失精度问题

weixin_42930033的博客

09-01

2270

后端Long类型19位返回前端丢失精度问题问题原因：由于Long类型最大19位而JavaScript最大接收数字为16位，固存在精度丢失问题解决方案 1.导入Maven依赖 <dependeny> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.9.10.6</vers

ajax发请求到后台通过@ResponseBody返回String，浏览器返回200但是不进success

海紫苑打不死马小跳的博客

01-30

1394

原因：后台返回的json数据是一个纯String类型的对象时，前端dataType属性设置为json后，会认为这个由String对象转换的json数据格式不是标准的json格式，所以就去执行error对应的方法了。解决：后端不用改，只需要把前端ajax请求中的dataType属性设置为text即可。码字不易，转载请注明出处！...

浏览器超过16位数字的计算丢失问题

前端码农一个，请多多关照

11-10

192

计算当前位的结果 sum % 10，并将结果存入 result 数组。- 使用 for 循环遍历每一位，将对应位置的数字相加，并加上进位。- 计算两个数字字符串中最长的那个长度，以便在循环中处理每一位。- 更新进位 Math.floor(sum / 10)。- 将结果数组反转并转换为字符串，得到最终的相加结果。- 将输入的数字字符串反转，以便从最低位开始相加。- result 用于存储每一位相加的结果。- 如果最后还有进位，将其添加到结果中。- carry 用于存储进位。