js前端double无法显示，long精度丢失，layUI数据表格

一开始我是以对象形式把数据从后台返回到前端，追踪发现从后台返回了有两条数据，但是前端只显示了一条数据，如图。

{"code":0,"count":2,"data":[{"boxId":1069786974417637377,"containerId":1069786974417637377,"height":0.0,"id":"1069786974417637377","length":0.0,"placeOrder":1,"width":0.0,"x":0.0,"y":0.0,"z":0.0},{"boxId":1069786974417637377,"containerId":1069786974417637377,"height":0.0,"id":"1069786974417637378","length":13.9568,"placeOrder":2,"width":0.0,"x":0.0,"y":0.0,"z":0.0}],"message":"请求成功"}

说明数据获取正常，刚好今天遇到了一个类似的问题，从后台返回到前端的箱子id和容器id的精度丢失了，网上对于精度丢失问题的解决办法是把long类型的数据转换成String类型的数据。因此double数据在数据表格里面无法显示出来的问题也可以这样解决。使用阿里巴巴的fastjson，导入这两个包

import com.alibaba.fastjson.annotation.JSONField;
import com.alibaba.fastjson.serializer.ToStringSerializer;

在需要把相应属性转换为String类型的地方加上

@JSONField(serializeUsing= ToStringSerializer.class)注解，这样使用JSON.toJSONString就可以自动进行类型转换。问题解决。

贴部分相关代码

<!-- 阿里巴巴fastjson --><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.51</version></dependency>

public class SuperEntity<T extends Model>{@JSONField(serializeUsing= ToStringSerializer.class)private Long id;public Long getId() {return this.id;}public void setId(Long id) {this.id = id;}
}

String str = JSON.toJSONString(entity);

js前端double无法显示，long精度丢失，layUI数据表格相关推荐

String转double类型会造成精度丢失
** String转double类型会造成精度丢失 ** String num=9.78:System.out.println( Double.parseDouble(num)*100); 理论上的结 ...
php分页显示数据表格显示,php+layui数据表格实现数据分页渲染代码
一.html 二.js 说明:需要引入layui中的table和laytpl模板引擎,laytpl可以自定义事件及自定义数据字段等查看详情 {{# if (d.hotcake === '超级爆款') ...
layui静态表格设置滚动条_解决layui数据表格table的横向滚动条显示问题
解决layui数据表格table的横向滚动条显示问题加上这段样式代码就可以解决了: body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */ ps:这个问题fly社区 ...
layui数据表格某个字段不显示问题
表格是用layui数据表格的方法渲染方式渲染的大概这个样子 var table = layui.table;//执行渲染 table.render({elem: '#demo' //指定原始表格元素 ...
LayUI数据表格复选框显示不居中问题
LayUI数据表格复选框显示不居中问题样式(layui.css)文件中增加: .layui-table-cell .layui-form-checkbox[lay-skin="primar ...
layui 鼠标移入变为小手_如何在 LayUI 数据表格的列元素上，鼠标悬浮，显示所有文字内容（修改源码）...
文中使用的LayUI版本:layui-v2.5.5 问题描述: 最近参与开发了问题分析: 要实现鼠标悬浮显示所有内容,一般采用的都是给对应元素上添加 title 属性,这样当鼠标悬浮在对应列的时候, ...
html表格不能横向自动展示,layui数据表格table横向滚动条不显示纵向滚动条显示不完整...
layui数据表格table横向滚动条不显示纵向滚动条显示不完整 layui数据表格table横向滚动条不显示,纵向滚动条显示不完整需要把heigh高度写死 table.render({ elem: ...
layui数据表格分页无法正常显示
layui数据表格分页无法正常显示应该先利用layui table中的parseData方法手动将数据切片分页,代码如下,要点是parseData: function(res){}中的方法,对从ur ...
layui数据表格table在选项卡tabs中分页条不显示的解决
layui数据表格table在选项卡tabs中分页条不显示的解决解决:渲染后重新设置高度:$(".layui-table-box").css("height" ...

js前端double无法显示，long精度丢失，layUI数据表格

js前端double无法显示，long精度丢失，layUI数据表格相关推荐

最新文章

热门文章