服務端返回的json數據,導致前端報錯的原因及解決方法
阿新 • • 發佈:2019-03-27
asc itl 概述 div ++ java 需要 nbsp end
前言
最近在開發的過程中遇到了一個問題:後端傳過來的json字符串不是標準的json字符串
導致報錯的原因
後端傳過來的json字符串中包含一些不標準的字符或錯誤的引號嵌套
1)\n
2) \r
3) 雙引號
4)單引號
5)雙引號包含雙引號
6)單引號包含單引號
解決辦法
1)\n
前端:替換成\\n
2) \r
前端:替換成\\r
3) 雙引號
前端:替換成"
4)單引號
前端:替換成'
5)雙引號包含雙引號
前端:雙引號包含單引號
6)單引號包含單引號
前端:單引號包含雙引號
當然我們需要後端同時配合處理
可能存在問題
\\n失效,在頁面並沒有換行
解決辦法:
方法一:我們可以在渲染頁面前找到\n將其替換成<br/>
this.termUse=data.replace(/\n/g,‘<br/>‘); this.renderFloorContent(this.termUse);
補充:因為不同編輯輸出的回車換行不太一樣,如果你發現替換\n無效果,可以試著換成\r或者\r\n再看結果,總有一種可以替換成功
方法二:我們可以在渲染頁面前需要循環字符換,將等於\n的字符串替換成“<br/>”,重組字符串
var i; var result = ""; var c; for (i = 0; i < str.length; i++) { c = str.substr(i, 1); if ( c == "\n") result = result + "</br>"; else if (c != "\r") result = result + c;
}
方法二能用,但太麻煩不推薦
額外參考
取後臺json過程由於轉義字符出現的問題
轉義字符(\\\\\\\\)對JavaScript中JSON.parse的影響概述
服務端返回的json數據,導致前端報錯的原因及解決方法