jsp引入js文件亂碼,ueditor富文本編輯器亂碼,前端界面亂碼解決方法

jsp引入js文件亂碼,ueditor富文本編輯器亂碼,前端界面亂碼解決方法

各位好!這幾天都在處理亂碼的問題,包括今天,又遇到一起亂碼問題,先和大家簡單說下情況,編碼都是統一UTF-8的。
1、JSP文件中標識了UTF-8編碼的:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
......
</head>
......
</html>

2、Tomcat安裝目錄中的conf目錄下的server.xml按如下標識UTF-8編碼的:

<?xml version="1.0" encoding="UTF-8"?>
<Server port="8005" shutdown="SHUTDOWN">
......
<Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" URIEncoding="UTF-8" />
......
</Server>

3、web.xml按如下格式處理爲UTF-8編碼的

......
<filter>
    <filter-name>encodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
    </init-param>
    <init-param>
      <param-name>forceEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>encodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
    <dispatcher>REQUEST</dispatcher>
    <dispatcher>FORWARD</dispatcher>
  </filter-mapping>
  ......

4、MySQL也創建爲UTF-8編碼格式的數據庫
5、js文件也是UTF-8編碼格式的
6、JSP引入js文件也標識了引入爲UTF-8編碼的

<script type="text/javascript" charset="utf-8" src="${ctx }/js/xxx.js"></script>

可是結果還是亂碼,附上亂碼的圖片給大家看:
亂碼圖
但是歸根結底,亂碼肯定是編碼不同意,這裏的小組件,提示等都以中文寫在js文件中,所以我就把目標放到js文件中了,我試了各種保存UTF-8,GBK啥的啥的都不行,包括改好後,覆蓋重啓Tomcat好多次,還是照樣亂碼!
最後經過幾個小時的研究,挖掘出解決方案,而且必須一步一步遵守來,纔可以解決:
①、新建一個文本文件,將js裏的代碼都複製,粘貼到新建的文本文件中
②、另存爲ANSI編碼,如下圖:
保存編碼格式
③、我測試的是用eclipse和MyEclipse,它不同於IDEA打包項目的方式,所以先必須刪除原先的xxx.js文件(非常重要,如果直接覆蓋,還是亂碼!!!),然後將新建的文本文件另存爲的xxx.js複製到原先刪除掉的js文件的目錄下
④、將原先JSP引入js的那段代碼改爲

<script type="text/javascript" src="${ctx }/js/xxx.js"></script>

(即去掉charset=“utf-8” )
⑤、重啓Tomcat
結果終於解決!成果如下:
沒亂碼
這次亂碼也是罕見!頁面組件不亂碼,組件拖到編輯器的路途中也沒亂碼,一放入編輯器就亂碼…
不過最近將亂碼問題也基本解決了個大概,都和大家分享了!亂碼歸根結底還是編碼不統一!
好啦!如果大家覺得我的方案可以幫助到你!記得關注一波哈!以後還會繼續在這分享開發中的問題和好的實戰心得!感謝大家!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章