服務端傳回的json資料，導緻前端報錯的原因及解決方法

前言

最近在開發的過程中遇到了一個問題：後端傳過來的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的影響概述

轉載于:https://www.cnblogs.com/kunmomo/p/10603509.html