解決頁面js接受Long型損失精度問題(最新解決方案)
一、場(chǎng)景描述
在下面這個(gè)后臺(tái)管理中,當(dāng)我們點(diǎn)擊禁用后,會(huì)向服務(wù)器發(fā)送一個(gè)請(qǐng)求,同時(shí)攜帶這個(gè)員工的19位數(shù)字的id。
請(qǐng)求方式為PUT
這里的禁用對(duì)應(yīng)employee表中的status字段,1為啟用,0為禁用。controller中對(duì)應(yīng)的方法如下:
@PutMapping public R<String> update(HttpServletRequest request,@RequestBody Employee employee) { log.info("修改的用戶id為{}", employee.getId()); Long empId = (Long)request.getSession().getAttribute("employee"); employee.setUpdateTime(LocalDateTime.now()); employee.setUpdateUser(empId); employeeService.updateById(employee); return R.success("更新員工成功"); }
當(dāng)點(diǎn)擊后發(fā)現(xiàn)并沒有被禁用,數(shù)據(jù)庫中該用戶的status字段也沒有更新成功。通過debug發(fā)現(xiàn)請(qǐng)求發(fā)送時(shí)攜帶id與數(shù)據(jù)庫中的不同
而頁面展示的時(shí)候返回的數(shù)據(jù)id也是正常的
二、問題分析
這是因?yàn)轫撁鎗s處理Long型數(shù)據(jù)只能精確到前16位,所以最終ajax提交到服務(wù)器的請(qǐng)求中id后幾位被四舍五入了
三、解決方法
我們可以在服務(wù)端給頁面響應(yīng)json數(shù)據(jù)時(shí)進(jìn)行處理,將long型數(shù)據(jù)統(tǒng)一轉(zhuǎn)為String字符串,效果如下:
具體實(shí)現(xiàn)步驟:
- 提供對(duì)象轉(zhuǎn)換器Jackson0bjectMapper,基于Jackson進(jìn)行Java對(duì)象到j(luò)son數(shù)據(jù)的轉(zhuǎn)換
- 在WebMvcConfig配置類中擴(kuò)展Spring mvc的消息轉(zhuǎn)換器,在此消息轉(zhuǎn)換器中使用提供的對(duì)象轉(zhuǎn)換器進(jìn)行java對(duì)象到j(luò)son數(shù)據(jù)的轉(zhuǎn)換
/** * 對(duì)象映射器:基于jackson將Java對(duì)象轉(zhuǎn)為json,或者將json轉(zhuǎn)為Java對(duì)象 * 將JSON解析為Java對(duì)象的過程稱為 [從JSON反序列化Java對(duì)象] * 從Java對(duì)象生成JSON的過程稱為 [序列化Java對(duì)象到JSON] */ public class JacksonObjectMapper extends ObjectMapper { public static final String DEFAULT_DATE_FORMAT = "yyyy-MM-dd"; public static final String DEFAULT_DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss"; public static final String DEFAULT_TIME_FORMAT = "HH:mm:ss"; public JacksonObjectMapper() { super(); //收到未知屬性時(shí)不報(bào)異常 this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false); //反序列化時(shí),屬性不存在的兼容處理 this.getDeserializationConfig().withoutFeatures(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES); SimpleModule simpleModule = new SimpleModule() .addDeserializer(LocalDateTime.class, new LocalDateTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT))) .addDeserializer(LocalDate.class, new LocalDateDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT))) .addDeserializer(LocalTime.class, new LocalTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT))) .addSerializer(BigInteger.class, ToStringSerializer.instance) .addSerializer(Long.class, ToStringSerializer.instance) .addSerializer(LocalDateTime.class, new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT))) .addSerializer(LocalDate.class, new LocalDateSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT))) .addSerializer(LocalTime.class, new LocalTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT))); //注冊(cè)功能模塊 例如,可以添加自定義序列化器和反序列化器 this.registerModule(simpleModule); } }
webmvc配置類
@Configuration @Slf4j public class WebMvcConfig extends WebMvcConfigurationSupport { /* * 擴(kuò)展MVC框架的消息轉(zhuǎn)換器 */ @Override protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) { log.info("消息轉(zhuǎn)化器添加成功"); // 創(chuàng)建消息轉(zhuǎn)換器 MappingJackson2HttpMessageConverter converter = new MappingJackson2HttpMessageConverter(); // 設(shè)置對(duì)象轉(zhuǎn)換器,底層使用jackson將java對(duì)象轉(zhuǎn)換為json converter.setObjectMapper(new JacksonObjectMapper()); // 將上面的消息轉(zhuǎn)換器添加到mvc框架的轉(zhuǎn)換器集合中 converters.add(0, converter); } }
到此這篇關(guān)于解決頁面js接受Long型損失精度問題的文章就介紹到這了,更多相關(guān)js接受Long型損失精度內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
layui實(shí)現(xiàn)點(diǎn)擊按鈕給table添加一行
想實(shí)現(xiàn)點(diǎn)擊按鈕在表格添加一行的功能,但發(fā)現(xiàn)layui并未集成該工具欄,因此,需要自己手動(dòng)添加這個(gè)功能;這篇文章主要介紹了layui點(diǎn)擊按鈕給table添加一行,需要的朋友可以參考下2018-08-08跨瀏覽器開發(fā)經(jīng)驗(yàn)總結(jié)(四) 怎么寫入剪貼板
讓你的操作剪切板的操作支持多瀏覽器,一般IE,Firefox2010-05-05javascript 簡(jiǎn)單高效判斷數(shù)據(jù)類型 系列函數(shù) By shawl.qiu
javascript 簡(jiǎn)單高效判斷數(shù)據(jù)類型 系列函數(shù) By shawl.qiu...2007-03-03js的.innerHTML = ""IE9下顯示有錯(cuò)誤的解決方法
js的.innerHTML= "……"在ie9- 的版本顯示不正常,使用jquery可以解決,有類似問題的朋友可以參考下2013-09-09js與jQuery實(shí)現(xiàn)checkbox復(fù)選框全選/全不選的方法
這篇文章主要介紹了js與jQuery實(shí)現(xiàn)checkbox復(fù)選框全選/全不選的方法,結(jié)合實(shí)例較為詳細(xì)的分析了JavaScript與jQuery針對(duì)checkbox復(fù)選框全選與反選的操作技巧,需要的朋友可以參考下2016-01-01js獲取當(dāng)前地址 JS獲取當(dāng)前URL的示例代碼
本篇文章主要是對(duì)js獲取當(dāng)前地址 JS獲取當(dāng)前URL的示例代碼進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02