JavaScript中出現(xiàn)亂碼的處理心得
更新時(shí)間：2009年12月24日 01:13:52 作者：
最近項(xiàng)目中遇到些字符串亂碼問(wèn)題，解決后有些心得，記錄于此。
常見(jiàn)亂碼情況：
1.客戶端提交數(shù)據(jù)到后臺(tái)，參數(shù)值有亂碼情況，如：a.aspx?value="中文值"&type="%$#((&_特殊符號(hào)"；
2.后臺(tái)讀數(shù)據(jù)到客戶端后出現(xiàn)亂碼；
3.部分文件間js引用或css樣式無(wú)效。
總結(jié)解決方法：
一：首先保證項(xiàng)目相關(guān)的文件格式編碼（即另存為格式）統(tǒng)一為utf-8，特別是相關(guān)的CSS,JS文件的格式強(qiáng)烈建議統(tǒng)一為 utf-8；
二： JS中涉及到參數(shù)提交，傳遞，有可能出現(xiàn)中文、‘_'下劃線、特殊符號(hào)的地方，用escape()編碼后再傳遞；
三：如果數(shù)據(jù)庫(kù)中之前已經(jīng)存入不同編碼的數(shù)據(jù)，在相關(guān)展示數(shù)據(jù)的頁(yè)面后臺(tái)將Request、Response的ContentEncoding屬性編碼設(shè)置為"utf-8"
如此，亂碼不會(huì)再現(xiàn)了。
其它網(wǎng)友回復(fù)：
用Google Clsure Compiler編譯一下，可以將中文轉(zhuǎn)成unicode的表達(dá)形式，用什么編碼就無(wú)所謂了.
1.客戶端提交數(shù)據(jù)到后臺(tái)，參數(shù)值有亂碼情況，如：a.aspx?value="中文值"&type="%$#((&_特殊符號(hào)"；
2.后臺(tái)讀數(shù)據(jù)到客戶端后出現(xiàn)亂碼；
3.部分文件間js引用或css樣式無(wú)效。
總結(jié)解決方法：
一：首先保證項(xiàng)目相關(guān)的文件格式編碼（即另存為格式）統(tǒng)一為utf-8，特別是相關(guān)的CSS,JS文件的格式強(qiáng)烈建議統(tǒng)一為 utf-8；
二： JS中涉及到參數(shù)提交，傳遞，有可能出現(xiàn)中文、‘_'下劃線、特殊符號(hào)的地方，用escape()編碼后再傳遞；
三：如果數(shù)據(jù)庫(kù)中之前已經(jīng)存入不同編碼的數(shù)據(jù)，在相關(guān)展示數(shù)據(jù)的頁(yè)面后臺(tái)將Request、Response的ContentEncoding屬性編碼設(shè)置為"utf-8"
如此，亂碼不會(huì)再現(xiàn)了。
其它網(wǎng)友回復(fù)：
用Google Clsure Compiler編譯一下，可以將中文轉(zhuǎn)成unicode的表達(dá)形式，用什么編碼就無(wú)所謂了.
相關(guān)文章
詳解TypeScript中type與interface的區(qū)別
在寫(xiě) ts 相關(guān)代碼的過(guò)程中，總能看到 interface 和 type 的身影。它們的作用好像都一樣的，相同的功能用哪一個(gè)都可以實(shí)現(xiàn)，也都很好用，所以也很少去真正的理解它們之間到底有啥區(qū)別，因此本文將詳細(xì)講解二者的區(qū)別，需要的可以參考一下2022-04-04
IE6、IE7中獲取Button元素的值的bug說(shuō)明
IE6、IE7中獲取Button元素的值的bug說(shuō)明，大家在以后使用dom操作的朋友可以注意下。2011-08-08
JavaScript中boolean類型之三種情景實(shí)例代碼
下面小編就為大家?guī)?lái)一篇JavaScript中boolean類型之三種情景實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
這篇文章主要介紹了詳解JWT token心得與使用實(shí)例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
javascript實(shí)現(xiàn)平滑無(wú)縫滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)平滑無(wú)縫滾動(dòng)的具體代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
提到數(shù)據(jù)可視化相信大家都不陌生，它能夠?qū)我坏臄?shù)據(jù)通過(guò)合適的可視化圖表類型表現(xiàn)出來(lái)，使其更加直觀的展現(xiàn)數(shù)據(jù)的變化趨勢(shì)、對(duì)比、峰值等等。其實(shí)在前端開(kāi)發(fā)中，數(shù)據(jù)可視化也尤為重要，在眾多圖表庫(kù)中，echarts就是最常見(jiàn)的圖表庫(kù)之一2022-07-07
詳解Javascript?基于長(zhǎng)連接的服務(wù)框架問(wèn)題
本文針對(duì)經(jīng)常使用長(zhǎng)連接進(jìn)行消息收發(fā)的應(yīng)答場(chǎng)景，采用 Websocket 長(zhǎng)連接作為服務(wù)監(jiān)聽(tīng)的對(duì)象，模擬了一套類 http 服務(wù)框架，通過(guò)實(shí)例代碼介紹了Javascript?基于長(zhǎng)連接的服務(wù)框架,需要的朋友可以參考下2022-07-07
javaScript實(shí)現(xiàn)鼠標(biāo)在文字上懸浮時(shí)彈出懸浮層效果
這篇文章主要為大家詳細(xì)介紹了javaScript實(shí)現(xiàn)鼠標(biāo)在文字上懸浮時(shí)彈出懸浮層效果的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-03-03
JS使用tofixed與round處理數(shù)據(jù)四舍五入的區(qū)別
js中一般使用tofixed與round處理數(shù)據(jù)四舍五入，那么tofixed與round有什么區(qū)別呢？下面小編給大家分享JS使用tofixed與round處理數(shù)據(jù)四舍五入的區(qū)別，需要的朋友參考下吧2017-10-10
JavaScript實(shí)現(xiàn)查找字符串中第一個(gè)不重復(fù)的字符
這篇文章主要介紹了JavaScript實(shí)現(xiàn)查找字符串中第一個(gè)不重復(fù)的字符,需要的朋友可以參考下2014-12-12