JavaScript 向後端傳遞多個參數：URL 拼接與 encodeURIComponent 編碼

基本拼接

var tt = 'a', yy = 'b';
var url = "<%=request.getContextPath()%>/Controller.do"
        + "?cmd=download&stamp=1"
        + "&test1=" + encodeURIComponent(tt)
        + "&test2=" + encodeURIComponent(yy);
location.href = url; // 或 form.action = url

為什麼要 encodeURIComponent？

• 參數值包含特殊字符（空格、&、=、#、中文等）會破壞 URL 結構。
• encodeURIComponent 將其轉為安全的百分號編碼（如空格→%20，&→%26）。
• 後端 request.getParameter 會自動解碼，無需手動處理。

進階：使用 URLSearchParams (現代瀏覽器)

const params = new URLSearchParams();
params.append('cmd', 'download');
params.append('stamp', '1');
params.append('test1', tt);
params.append('test2', yy);
const url = "<%=request.getContextPath()%>/Controller.do?" + params.toString();

自動處理編碼，代碼更清晰，推薦新項目使用。

POST 方式傳遞（大數據/敏感信息）

var form = document.createElement('form');
form.method = 'POST';
form.action = "<%=request.getContextPath()%>/Controller.do";
['cmd','stamp','test1','test2'].forEach(name => {
    var input = document.createElement('input');
    input.type = 'hidden';
    input.name = name;
    input.value = name==='test1'?tt: (name==='test2'?yy: name==='cmd'?'download':'1');
    form.appendChild(input);
});
document.body.appendChild(form);
form.submit();