Extjs Ajax 亂碼問題解決方案
2019-11-21 01:24:36
供稿：網友
在一次頁面瀏覽過程中，客戶端對一個URL發起瀏覽請求，服務端針對這次請求進行解析，而在字符編碼解析方面，首先他檢查該頁面中的字符編碼設置，即<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />，這樣，在頁面中顯示聲明了字符編碼為UTF-8，服務器就會將該頁面用UTF-8的編碼輸出，而如果頁面中沒有顯示聲明，在服務器中都有一個默認的字符編碼，比如GB2312，針對沒有聲明的文件，他會用默認編碼輸出，這個時候，如果頁面輸出又是UTF-8，這樣就會出現亂碼。
而在Ext中的提交數據的過程中，Ext框架用的是都是UTF-8編碼，而且通過JSON提交的數據也是UTF-8編碼，所以要求所有的文件都是UTF-8編碼。
解決亂碼的方法
以下幾項首先必須要在平時的編碼過程中做到：
（1） JAVA后臺文件加入 response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
（2）在文件中顯示聲明字符編碼，<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
（3）對于提交中出現的亂碼，在Ext中可以修改Request Header中Content-Type的設置，具體的方法為：Ext.lib.Ajax.defaultPostHeader += ";charset=utf-8";
最后，問題還可能出現在文件的保存格式上。就是你把代碼文件保存的時候，如果開發環境默認保存的不是UTF-8格式，那么也會出現問題！ 所以就要對開發環境也有一個要求。
開發環境的配置
如果采用記事本來編寫保存代碼文件（.js），那這個就會出問題，主要是由于在windows系統里記事本默認的編碼格式是ANSI，這樣基本上和目前網頁中編碼的格式都不同因此就會出現編碼格式不正確的問題。解決辦法就是打開xx.js文件然后另存為，在保存類型處選擇utf-8編碼格式就可以了。
當然,主流還是使用MyEclipse，所以說一下MyEclipse里要配置哪些地方。
Preferences->General->Content Types 選中Text 編輯下面的Default encoding 為utf-8然后Update。
Preferences->General->Content Types->Editors->Text Editors->Spelling 下Encoding 選 Default(UTF-8)
Preferences->General->Content Types->Workspace下Text File Encoding 選 Other: UTF-8
最后如果還出現亂碼 , 利用
System.out.print(request.getCharacterEncoding());
System.out.print(response.getCharacterEncoding());
察看request 或 response 編碼是否不是utf-8
若不是,利用web.xml中的 filter 解決.
如
<filter>
<description>no</description>
<display-name>EncodingFilter</display-name>
<filter-name>EncodingFilter</filter-name>
<filter-class>
com.hope.filters.SetCharacterEncodingFilter
</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>utf-8</param-value>
</init-param>
</filter>
或者設置
<globalization responseEncoding="utf-8" fileEncoding="utf-8" requestEncoding="utf-8"/>
Good Luck!
