浏览器中的 preview 和 response 显示的值不一致

 

背景：

图中是浏览器渲染的表结构，我们的节目ID在表结构中作为主键ID，是不会存在重复的情况的，那到底是怎么造成的呢？

 

 

逻辑梳理：

经过排查返回值，我们发现NetWork中的 preview 与我们页面所展示出来的值一致，主键ID是错误的🙅‍♂️，

我在js中设置debug，可以看到拿到的返回值和 preview 的一致，主键ID是错误的🙅‍♂️，但是...

NetWork中的 Response与页面展示的值不一致，但是却是正确的主键ID🙆，

我使用Postman来进行请求，发现请求值也是正确的🙆，那么问题就出现在浏览器上了！！

经过查阅资料，得知：

"由于JavaScript中Number类型的自身原因，并不能完全表示Long型的数字，在Long长度大于17位时会出现精度丢失的问题，超过17位的部分浏览器会转换为0显示"

后端请求返回的主键id为19位的Long型的数值，js中的Number类型只能解析其中的17位，其他几位补位为0，就会造成如上问题。

 

问题解决：

1、后台把long型改为String类型（推荐🙆）

JAVA Long String类型之间的转换

2、前端支持long型（不推荐🙅‍♂️）

如何在JavaScript中实现一个Long型——Long.js源码学习与分析