JS 與 J2EE 亂碼終極解決方案：編碼統一與傳輸編碼最佳實踐

核心原則：全鏈路 UTF-8

亂碼本質是編碼不一致。解決關鍵在於：瀏覽器 → Web 容器 → Java 代碼 → 資料庫 每一環節皆採用 UTF-8。

四步走徹底解決

1. Response 設定編碼
   response.setContentType("text/html; charset=utf-8");
   確保瀏覽器以 UTF-8 解碼頁面。
2. 前端參數編碼
   JS 使用 encodeURIComponent() 編碼查詢字串。
   後端 request.getParameter() 會自動將 + 還原為空格，需注意特殊字符處理。
3. Base64 + 二次編碼
   傳輸長字串時，先 Base64 編碼減少體積，再 encodeURIComponent() 防止 + 被誤解析。
   後端對應解碼：URLDecoder.decode(base64Str, "UTF-8") → Base64 解碼。
4. IDE/專案/資料庫統一 UTF-8
   Eclipse/IntelliJ 專案編碼、JSP 頁面 <%@ page pageEncoding="UTF-8"%>、資料庫/表/欄位 CHARSET=utf8mb4。

常見坑點速查

總結

遵循「一處設定、全鏈路統一、前端雙重編碼」原則，JS 與 J2EE 亂碼問題可徹底消除。建議專案啟動即納入編碼規範檢查清單。