Javascript和Ajax中文亂碼吐血版解決方案
今天弄了一天的Ajax中文亂碼問(wèn)題,Ajax的亂碼問(wèn)題分為兩種:
1. JavaScript輸出的中文亂碼,
比如:alert("中文亂碼測(cè)試");
解決的辦法比較簡(jiǎn)單,就是把jsp里所有的charset和pageEncoding的值都設(shè)置成相同的,一般是utf-8.
2. 這第二種就是Ajax從服務(wù)器端獲得的數(shù)據(jù)出現(xiàn)亂碼的問(wèn)題。(我搜了n個(gè)小時(shí)試了n中方法才找到答案)
現(xiàn)在將我搜集的比較有效的方法都與大家分享:(我使用的開(kāi)發(fā)環(huán)境是Eclipse,相信其他語(yǔ)言和開(kāi)發(fā)環(huán)境都差不太多。)
比如
var message = xmlHttp.responseText;
alert("message: "+message);
獲得這個(gè)message輸出就是亂碼
解決辦法:
1. 修改編碼。切記要將代碼備份一下,改了編碼之后中文會(huì)變?yōu)閬y碼。
在js文件上右鍵點(diǎn)擊Properties,修改Text file encode 為UTF-8(這里應(yīng)當(dāng)與jsp中的編碼相同)
同樣的將JavaScript source file和JSP的Default encoding設(shè)置為UTF-8(這里應(yīng)當(dāng)與jsp中的編碼相同,這樣以后的項(xiàng)目就都是utf-8的編碼了,推薦使用這個(gè))
2. 注意response.setContentType("text/html;charset=utf-8");和PrintWriter out = response.getWriter();的位置關(guān)系,切記要將PrintWriter out = response.getWriter();放在response.setContentType("text/html;charset=utf-8");的后面,否則設(shè)置的編碼將無(wú)效,這也是我弄了n久都搞不定的原因?。?!
問(wèn)題解決。
相關(guān)文章
flexible.js實(shí)現(xiàn)移動(dòng)端rem適配方案
這篇文章主要介紹了flexible.js實(shí)現(xiàn)移動(dòng)端rem適配方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
細(xì)說(shuō)webpack源碼之compile流程-rules參數(shù)處理技巧(1)
webpack作為一種流行的打包工具被廣泛應(yīng)用在web項(xiàng)目的前端工程化構(gòu)建中。下面通過(guò)本文給大家介紹webpack源碼之compile流程-rules參數(shù)處理技巧,感興趣的朋友一起看看吧2017-12-12
JavaScript函數(shù)參數(shù)使用帶參數(shù)名的方式賦值傳入的方法
這篇文章主要介紹了JavaScript函數(shù)參數(shù)使用帶參數(shù)名的方式賦值傳入的方法,實(shí)例分析了javascript函數(shù)傳遞參數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
javascript中createElement的兩種創(chuàng)建方式
這篇文章主要介紹了javascript中createElement的兩種創(chuàng)建方式,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-05-05
JavaScript實(shí)現(xiàn)文字跟隨鼠標(biāo)特效
這篇文章主要介紹了JavaScript如何實(shí)現(xiàn)文字跟隨鼠標(biāo)特效,d代碼簡(jiǎn)單易操作,感興趣的朋友可以參考下2015-08-08
js動(dòng)態(tài)生成按鈕并動(dòng)態(tài)生成8位隨機(jī)數(shù)
用js生成按鈕,動(dòng)態(tài)生成8位隨機(jī)數(shù)的腳本2008-09-09
js實(shí)現(xiàn)AI五子棋人機(jī)大戰(zhàn)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)AI五子棋人機(jī)大戰(zhàn),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12

