实现跳转页面并且隐藏地址栏的参数

最新推荐文章于 2025-11-01 11:31:33 发布

原创最新推荐文章于 2025-11-01 11:31:33 发布 · 2.4w 阅读

18 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种通过使用JavaScript和JQuery动态创建表单并提交，从而实现页面跳转时隐藏URL参数的方法。此方法适用于需要避免URL参数暴露的场景。

每次点击页面的按钮时，使用window.location.href=“”时跳转页面地址栏都有参数信息。那么怎么样才能隐藏地址栏参数呢？首先必须自己动态创建一个表单，将表单method改为post，提交这个表单就ok了。

// ===============JavaScript===================== 
function postToPage() {
        var f=document.createElement('form');
        f.style.display='none';
        f.action='XXX.do';
        f.method='post';
        f.innerHTML='<input type="hidden" name="mail" value="'+$("#email").val()+'"/>';
        document.body.appendChild(f);
        f.submit();
    }

// ===============JQuery=====================
function postToPage() {
    var form = $("<form>");
    form.attr("style","display:none");
    form.attr("target","");
    form.attr("method","post");
    //请求地址
    form.attr("action","XXX.do");
    var input1 = $("<input>");
    input1.attr("type","hidden");
    input1.attr("name","path");
    input1.attr("value",uploadPath);
    $("body").append(form);
    form.append(input1);
    form.submit();
    form.remove();
}