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

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

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

問(wèn)題：

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

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

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

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

查看數(shù)據(jù)庫(kù)訂單號(hào):1510826214531665920

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

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

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

解決方式

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

1.前端解決

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

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

發(fā)送請(qǐng)求我們?cè)诳聪?打印返回的訂單查看

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

可以看出沒(méi)有丟失精度

前端解決丟失完成

2.后端解決

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

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

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

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

注意:

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

例如:

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

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

相關(guān)文章

最新評(píng)論