JavaScript 獲取 URL 中文參數亂碼解決：編碼設置與解碼方法總結

現象

URL: test.jsp?lastname=楊濤，JS 獲取參數顯示亂碼 (如 %D0%E1%CC%E5 或 )。

三種解決方案

方案一：頁面/過濾器統一設置編碼 (推薦)

<%@ page pageEncoding="UTF-8" %>
<% request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); %>

或在 Filter 中統一：

public void doFilter(...) {
    request.setCharacterEncoding("UTF-8");
    response.setCharacterEncoding("UTF-8");
    chain.doFilter(request, response);
}

方案二：服務端接收時手動轉碼

String name = new String(request.getParameter("lastname").getBytes("ISO-8859-1"), "UTF-8");

方案三：JS 端解碼 (配合 encodeURI)

// 後端輸出時 encodeURI
var url = "test.jsp?lastname=" + encodeURI("楊濤");
// 前端獲取自動解碼 (現代瀏覽器)
var name = getQueryString("lastname"); // 內部用 decodeURIComponent

核心建議

• **全鏈路 UTF-8**：頁面、JS 文件、服務端、數據庫全部統一 UTF-8，從源頭避免亂碼。
• 避免在 JS 手動拼接中文參數，使用 encodeURIComponent 編碼後再拼接。