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