如何處理JSON中的特殊字符

這篇文章主要介紹瞭如何處理JSON中的特殊字符,小編以爲挺不錯的，如今分享給你們，也給你們作個參考。一塊兒跟隨小編過來看看吧

JSON 是適用於 Ajax 應用程序的一種有效格式，緣由是它使 JavaScript 對象和字符串值之間得以快速轉換。因爲 Ajax 應用程序很是適合將純文本發送給服務器端程序並對應地接收純文本，相比不能生成文本的 API，能生成文本的 API 天然更可取；並且，JSON 讓您可以處理本地 JavaScript 對象，而無需爲如何表示這些對象多費心思。

XML 也能夠提供文本方面的相似益處，但用於將 JavaScript 對象轉換成 XML 的幾個現有 API 沒有 JSON API 成熟；有時，您必須在建立和處理 JavaScript 對象時格外謹慎以確保所進行的處理能與所選用的 XML 會話 API 協做。但對於 JSON，狀況就大不相同：它能處理幾乎全部可能的對象類型，並會返回給您一個很是好的 JSON 數據表示。 所以，JSON 的最大價值在於能夠將 JavaScript 真的做爲 JavaScript 而非數據格式語言進行處理。

您所學到的全部有關使用 JavaScript 對象的技巧均可以應用到代碼中，而無需爲如何將這些對象轉變成文本而多費心思。

1. 回車問題

JSON傳值的時候，若是有回車符就會掛的。咱們可使用正則來去掉回車符：

?

1 2 3 4 5

$str = preg_replace("'([\r\n])[\s]+'", "", $str);    // 不用正則    $str = str_replace("\n","",$str);

轉出來的字符串就沒有回車符的困擾了。

順便記錄一個PHP過濾腳本：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65

<?php    // $document 應包含一個 HTML 文檔。   // 本例將去掉 HTML 標記，javascript 代碼   // 和空白字符。還會將一些通用的    // HTML 實體轉換成相應的文本。    $search = array ("'<script[^>]*?>.*?</script>'si", // 去掉 javascript            "'<[\/\!]*?[^<>]*?>'si",      // 去掉 HTML 標記            "'([\r\n])[\s]+'",         // 去掉空白字符            "'&(quot|#34);'i",         // 替換 HTML 實體            "'&(amp|#38);'i",            "'&(lt|#60);'i",            "'&(gt|#62);'i",            "'&(nbsp|#160);'i",            "'&(iexcl|#161);'i",            "'&(cent|#162);'i",            "'&(pound|#163);'i",            "'&(copy|#169);'i",            "'&#(\d+);'e");          // 做爲 PHP 代碼運行    $replace = array ("",             "",             "\\1",               "\"",           "&",             "<",             ">",             " ",            chr(161),             chr(162),             chr(163),            chr(169),             "chr(\\1)");    $text = preg_replace ($search, $replace, $document);    ?>

2. HTML特殊字符

從服務器端以JSON格式將數據傳遞到客戶端後，經過JS顯示在HTML頁面時，有一些特殊字符不能直接顯示，如後臺傳遞過來的是 '<b>msg</b> #' 經過JS顯示在HTML頁面中時，顯示成了 msg # ，並非msg #，這是因爲<與>之間的內容看做是HTML標籤了，而以&開頭的 與#爲HTML實體，因此顯示不正常。

解決辦法很簡單，在JS將其渲染到HTML頁面前轉換一下便可：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52

<script type="text/javascript">     var str = '<b>msg</b> #';     document.all.div1.innerHTML='<pre>'+str+'</pre>';     //js中的字符串正常顯示在HTML頁面中  String.prototype.displayHtml= function(){       //將字符串轉換成數組    var strArr = this.split('');       //HTML頁面特殊字符顯示，空格本質不是，但多個空格時瀏覽器默認只顯示一個，因此替換       var htmlChar="&<>";       for(var i = 0; i< str.length;i++){      //查找是否含有特殊的HTML字符         if(htmlChar.indexOf(str.charAt(i)) !=-1){           //若是存在，則將它們轉換成對應的HTML實體        switch (str.charAt(i)) {                         case '<':               strArr.splice(i,1,'<');               break;            case '>':               strArr.splice(i,1,'>');               break;             case '&':               strArr.splice(i,1,'&');           }       }       }      return strArr.join('');     }   alert(str.displayHtml());   document.all.div2.innerHTML=str.displayHtml();    </script>

3. escape()函數

該函數能夠處理空格、斜線和其餘任何可能影響瀏覽器的內容，並將它們轉換成 Web 可用字符（好比，空格會被轉換成 %20，瀏覽器並不會將其視爲空格處理，而是不作更改，將其直接傳遞到服務器）。以後，服務器會（一般自動）再把它們轉換回它們傳輸後的原本 「面目」。

?

1 2 3 4 5 6 7

var url = "nowamagic.php?people=" + escape(people.toJSONString());    request.open("GET", url, true);   request.onreadystatechange = updatePage;   request.send(null);

這種作法的缺點有兩個： 在使用 GET 請求發送大塊數據時，對 URL 字符串有長度限制。雖然這個限制很寬泛，但對象的 JSON 字符串表示的長度可能超出您的想象，尤爲是在使用極其複雜的對象時更是如此。在跨網絡以純文本發送全部數據的時候，發送數據面臨的不安全性超出了您的處理能力。

簡言之，以上是 GET 請求的兩個限制，而不是簡單的兩個與 JSON 數據相關的事情。在想要發送用戶名和姓以外的更多內容，好比表單中的選擇時，兩者可能會須要多加註意。若要處理任何機密或極長的內容，可使用 POST 請求。

4. 引號問題

JSON中若是包含引號或雙引號，會破壞JSON的格式。有兩種方法能夠解決。

在入庫的時候可使用addslashes()函數處理一下字符串，給引號前加上斜槓。被改的字符包括單引號 (')、雙引號 (")、反斜線 backslash (\) 以及空字符NULL。

?

1 2 3 4 5 6 7 8 9 10 11 12 13

$text = addslashes($text);   JavaScript的話，能夠這樣：    function valueReplace(v){    v=v.toString().replace(new RegExp('(["\"])', 'g'),"\\\"");   return v;    }    var eValue = encodeURI($.trim(valueReplace(e.value)))

就總結到這裏。

javaSE視頻教程分享：

網盤下載地址：https://pan.baidu.com/s/1c1ZXnBa