后端传的是String类型而前端JS接收到的是Number类型,导致精度丢失

简介: JS的Number处理位数

说明:本人是菜鸟只会后端,一点都不会前端,而且刚入行不太久正在所以慢慢学习,大佬勿喷有什么不对的请指正。

情景说明:后端的id通过雪花算法,导致id过长超过16位,接收到的id如果超过16位后,则后面显示的是0000 入1234567898765431000000000,因为JS处理整数的长度最高为16位,从而会引起这个问题



//按键点击的方法actions.push('<a href="javascript: audit5('+row.id+')" class="btnLists1" title="${text('驳回')}" data-confirm="${text('确认要审核驳回该记录吗?')}"><i class="fa fa-remove"></i></a>&nbsp;');
//当我输出id的类型后,显示的是number类型functionaudit5(id){
console.log(typeof (id));
}


于是我经过不断的查找,用过id.toString()也不行,各种都测试过了,最后看到一个大佬的文章终于解决了 请看按键点击的方法有什么不同


actions.push('<a href="javascript: audit5(\''+row.id+'\')" class="btnLists1" title="${text('驳回')}" data-confirm="${text('确认要审核驳回该记录吗?')}"><i class="fa fa-remove"></i></a>&nbsp;');


是的 没错 在这边传给事件的方法这里 本来是

udit5('+row.id+')  ==>audit5(\''+row.id+'\')" // 获取的id前面和后面分别加一个\'

audit5('+row.id+')  ==>  audit5(\''+row.id+'\')" //获取的id前面和后面分别加一个\'


就此 完美解决。因为刚接触到前端,所以有些专业术语还有表达不太流程,说的不太明白,希望大家理解 谢谢。

相关文章
|
7月前
|
JavaScript 前端开发 Java
制造业ERP源码,工厂ERP管理系统,前端框架:Vue,后端框架:SpringBoot
这是一套基于SpringBoot+Vue技术栈开发的ERP企业管理系统,采用Java语言与vscode工具。系统涵盖采购/销售、出入库、生产、品质管理等功能,整合客户与供应商数据,支持在线协同和业务全流程管控。同时提供主数据管理、权限控制、工作流审批、报表自定义及打印、在线报表开发和自定义表单功能,助力企业实现高效自动化管理,并通过UniAPP实现移动端支持,满足多场景应用需求。
718 1
|
3月前
|
存储 前端开发 安全
实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
220 5
|
8月前
|
前端开发 Java 物联网
智慧班牌源码,采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署
智慧班牌系统是一款基于信息化与物联网技术的校园管理工具,集成电子屏显示、人脸识别及数据交互功能,实现班级信息展示、智能考勤与家校互通。系统采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署与私有化定制。核心功能涵盖信息发布、考勤管理、教务处理及数据分析,助力校园文化建设与教学优化。其综合性和可扩展性有效打破数据孤岛,提升交互体验并降低管理成本,适用于日常教学、考试管理和应急场景,为智慧校园建设提供全面解决方案。
540 70
|
7月前
|
存储 消息中间件 前端开发
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
校园圈子系统校园论坛小程序采用uni-app前端框架,支持多端运行,结合PHP后端(如ThinkPHP/Laravel),实现用户认证、社交关系管理、动态发布与实时聊天功能。前端通过组件化开发和uni.request与后端交互,后端提供RESTful API处理业务逻辑并存储数据于MySQL。同时引入Redis缓存热点数据,RabbitMQ处理异步任务,优化系统性能。核心功能包括JWT身份验证、好友系统、WebSocket实时聊天及活动管理,确保高效稳定的用户体验。
475 4
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
|
6月前
|
人工智能 监控 前端开发
AI工具:前端与后端的终极对决?谁将成为新时代的宠儿?
深入探讨AI工具对前端和后端开发的具体影响、各自的机遇与挑战,并分析未来开发者如何驾驭AI,实现能力跃迁。
347 0
|
8月前
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
328 8
|
8月前
|
JavaScript 前端开发 容器
|
8月前
|
JavaScript 前端开发
|
8月前
|
存储 JavaScript 前端开发
|
8月前
|
移动开发 JavaScript 前端开发