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

最新推荐文章于 2024-08-01 10:14:57 发布

code chage word

最新推荐文章于 2024-08-01 10:14:57 发布

阅读量2.3w

点赞数 4

分类专栏： js

本文链接：https://blog.csdn.net/mibi8840/article/details/81488827

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

每次点击页面的按钮时，使用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();
}