如何處理JSON中的特殊字符
JSON 是適用于 Ajax 應(yīng)用程序的一種有效格式,原因是它使 JavaScript 對象和字符串值之間得以快速轉(zhuǎn)換。由于 Ajax 應(yīng)用程序非常適合將純文本發(fā)送給服務(wù)器端程序并對應(yīng)地接收純文本,相比不能生成文本的 API,能生成文本的 API 自然更可??;而且,JSON 讓您能夠處理本地 JavaScript 對象,而無需為如何表示這些對象多費心思。
XML 也可以提供文本方面的類似益處,但用于將 JavaScript 對象轉(zhuǎn)換成 XML 的幾個現(xiàn)有 API 沒有 JSON API 成熟;有時,您必須在創(chuàng)建和處理 JavaScript 對象時格外謹慎以確保所進行的處理能與所選用的 XML 會話 API 協(xié)作。但對于 JSON,情況就大不相同:它能處理幾乎所有可能的對象類型,并會返回給您一個非常好的 JSON 數(shù)據(jù)表示。 因此,JSON 的最大價值在于可以將 JavaScript 真的作為 JavaScript 而非數(shù)據(jù)格式語言進行處理。
您所學到的所有有關(guān)使用 JavaScript 對象的技巧都可以應(yīng)用到代碼中,而無需為如何將這些對象轉(zhuǎn)變成文本而多費心思。
1. 回車問題
JSON傳值的時候,如果有回車符就會掛的。我們可以使用正則來去掉回車符:
$str = preg_replace("'([\r\n])[\s]+'", "", $str); // 不用正則 $str = str_replace("\n","",$str);
轉(zhuǎn)出來的字符串就沒有回車符的困擾了。
順便記錄一個PHP過濾腳本:
<?php // $document 應(yīng)包含一個 HTML 文檔。 // 本例將去掉 HTML 標記,javascript 代碼 // 和空白字符。還會將一些通用的 // HTML 實體轉(zhuǎn)換成相應(yīng)的文本。 $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特殊字符
從服務(wù)器端以JSON格式將數(shù)據(jù)傳遞到客戶端后,通過JS顯示在HTML頁面時,有一些特殊字符不能直接顯示,如后臺傳遞過來的是 '<b>msg</b> #' 通過JS顯示在HTML頁面中時,顯示成了 msg # ,并不是msg #,這是由于<與>之間的內(nèi)容看作是HTML標簽了,而以&開頭的 與#為HTML實體,所以顯示不正常。
解決辦法很簡單,在JS將其渲染到HTML頁面前轉(zhuǎn)換一下即可:
<script type="text/javascript"> var str = '<b>msg</b> #'; document.all.div1.innerHTML='<pre>'+str+'</pre>'; //js中的字符串正常顯示在HTML頁面中 String.prototype.displayHtml= function(){ //將字符串轉(zhuǎn)換成數(shù)組 var strArr = this.split(''); //HTML頁面特殊字符顯示,空格本質(zhì)不是,但多個空格時瀏覽器默認只顯示一個,所以替換 var htmlChar="&<>"; for(var i = 0; i< str.length;i++){ //查找是否含有特殊的HTML字符 if(htmlChar.indexOf(str.charAt(i)) !=-1){ //如果存在,則將它們轉(zhuǎn)換成對應(yīng)的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()函數(shù)
該函數(shù)可以處理空格、斜線和其他任何可能影響瀏覽器的內(nèi)容,并將它們轉(zhuǎn)換成 Web 可用字符(比如,空格會被轉(zhuǎn)換成 %20,瀏覽器并不會將其視為空格處理,而是不做更改,將其直接傳遞到服務(wù)器)。之后,服務(wù)器會(通常自動)再把它們轉(zhuǎn)換回它們傳輸后的本來 “面目”。
var url = "nowamagic.php?people=" + escape(people.toJSONString()); request.open("GET", url, true); request.onreadystatechange = updatePage; request.send(null);
這種做法的缺點有兩個: 在使用 GET 請求發(fā)送大塊數(shù)據(jù)時,對 URL 字符串有長度限制。雖然這個限制很寬泛,但對象的 JSON 字符串表示的長度可能超出您的想象,尤其是在使用極其復雜的對象時更是如此。在跨網(wǎng)絡(luò)以純文本發(fā)送所有數(shù)據(jù)的時候,發(fā)送數(shù)據(jù)面臨的不安全性超出了您的處理能力。
簡言之,以上是 GET 請求的兩個限制,而不是簡單的兩個與 JSON 數(shù)據(jù)相關(guān)的事情。在想要發(fā)送用戶名和姓之外的更多內(nèi)容,比如表單中的選擇時,二者可能會需要多加注意。若要處理任何機密或極長的內(nèi)容,可以使用 POST 請求。
4. 引號問題
JSON中如果包含引號或雙引號,會破壞JSON的格式。有兩種方法可以解決。
在入庫的時候可以使用addslashes()函數(shù)處理一下字符串,給引號前加上斜杠。被改的字符包括單引號 (')、雙引號 (")、反斜線 backslash (\) 以及空字符NULL。
$text = addslashes($text); JavaScript的話,可以這樣: function valueReplace(v){ v=v.toString().replace(new RegExp('(["\"])', 'g'),"\\\""); return v; } var eValue = encodeURI($.trim(valueReplace(e.value)))
就總結(jié)到這里。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JS實現(xiàn)audio音頻剪裁剪切復制播放與上傳(步驟詳解)
這篇文章主要介紹了JS實現(xiàn)audio音頻剪裁剪切復制播放與上傳,本文分步驟通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07webpack DllPlugin xxx is not defined解決辦法
這篇文章主要介紹了webpack DllPlugin xxx is not defined解決辦法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-12-12JS中call(),apply(),bind()函數(shù)的區(qū)別與用法詳解
這篇文章主要介紹了JS中call(),apply(),bind()函數(shù)的高級用法詳解,需要的朋友可以參考下2022-12-12詳解解決小程序中webview頁面多層history返回問題
這篇文章主要介紹了詳解解決小程序中webview頁面多層history返回問題,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-08-08JavaScript獲取radio選中值的幾種常用方法小結(jié)
這篇文章主要介紹了JavaScript獲取radio選中值的幾種常用方法,結(jié)合實例形式總結(jié)分析了javascript獲取radio選中值的常見實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2023-06-06javascript定時保存表單數(shù)據(jù)的代碼
我相信有不少TX用過QQ或163的郵箱吧?他們中有一個比較有用且有趣的功能,如果您在編寫郵件,那在固定一個時間頻率內(nèi),它會自動將您的郵件內(nèi)容保存起來,以免丟失。2011-03-03