欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決前后端交互數(shù)據(jù)出現(xiàn)精度丟失的多種方式

 更新時(shí)間：2022年04月27日 17:27:34   作者：Hi梅  
這篇文章主要為大家介紹了解決前后端交互數(shù)據(jù)出現(xiàn)精度丟失的多種方式，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

問題：

發(fā)送Ajax請求,請求后端接口創(chuàng)建訂單并且返回訂單號出現(xiàn)訂單號精度丟失的情況

情景復(fù)現(xiàn):

前端發(fā)送請求到后端接口

我們前端打印訂單號到控制臺(tái)查看,前端返回訂單號:1510826214531666000

查看數(shù)據(jù)庫訂單號:1510826214531665920

比較2個(gè)單號區(qū)別

可以明顯看出后面幾位數(shù)據(jù)丟失,這樣就存在一個(gè)問題,我前端通過該訂單號無法獲取到正確的訂單

數(shù)據(jù),就會(huì)出現(xiàn)訂單已經(jīng)保存成功但是查詢不到的問題

解決方式

問題出在前端的Long長度,沒有后端Long的長度長這樣,前端獲取到數(shù)據(jù)后會(huì)對數(shù)據(jù)進(jìn)行轉(zhuǎn)換,發(fā)現(xiàn)長度大于前端的Long最大長度就會(huì)精度丟失,那么我們應(yīng)該直接讓他返回字符串的數(shù)據(jù)不讓他轉(zhuǎn)換!
那么就會(huì)有2種解決方案

1.前端解決

請求的時(shí)候添加以下代碼,這樣前端接受就不會(huì)進(jìn)行轉(zhuǎn)化

{
	transformResponse: [
			function (data){
				return data;
			}
	]
}

發(fā)送請求我們在看下,打印返回的訂單查看

數(shù)據(jù)庫數(shù)據(jù)

可以看出沒有丟失精度

前端解決丟失完成

2.后端解決

我們更改后端實(shí)體類的值

通過@JsonFormat值把Long類型的值轉(zhuǎn)成String類型的值

 @JsonFormat(shape =JsonFormat.Shape.STRING )
 private Long orderId;// id

然后重啟后端代碼測試下,該接口由于后端返回的類型就是Long所以沒辦法使用這個(gè)方案

注意:

如果后端返回的是對象那么Id是Long類型的話可以通過@JsonFormat把對象的id從Long類型的轉(zhuǎn)換成String類型那么前端也不會(huì)出現(xiàn)精度丟失,如果單獨(dú)返回的數(shù)據(jù)類型一開始就是Long那么只能通過前端的方法解決
 

例如:

后端返回類型是Long那么只能改前端,不然就要更改后端返回為String,為了不影響后端業(yè)務(wù)盡可能使用前端的方式解決

以上就是解決前后端交互數(shù)據(jù)出現(xiàn)精度丟失的多種方式的詳細(xì)內(nèi)容，更多關(guān)于前后端數(shù)據(jù)交互精度丟失的資料請關(guān)注腳本之家其它相關(guān)文章！

相關(guān)文章

最新評論