首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JavaScript 頁面跳轉隱藏 URL 參數:動態創建表單提交 POST 請求

     編輯:程式設計綜合問答

問題

使用 window.location.href = "setpass.vue?tel=" + phone 跳轉時,參數明文顯示在地址欄,希望隱藏。

核心原理

GET 請求參數必然出現在 URL 中,**無法隱藏**。需改用 **POST** 請求,參數放在請求體中。

實現代碼

setPass: function() {
    var form = document.createElement('form');
    form.style.display = 'none';
    form.action = 'setpass.vue';
    form.method = 'POST';
    form.innerHTML = '';
    document.body.appendChild(form);
    form.submit();
}

關鍵點

  • 動態創建 <form method="POST">,字段用 <input type="hidden">。
  • 服務端需對應修改為接收 POST 參數 (如 Flask request.form.get('tel'),Spring @RequestParam 默認支持 POST)。
  • 若必須保持 GET,可考慮將敏感數據加密或存入 Session,URL 傳遞 Token。
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved