本文作者:DurkBlue

JS跳转页面带post参数

DurkBlue 2021-12-22 574 抢沙发
JS跳转页面带post参数摘要:     有时候,为了隐藏页面之间传递的参数,不会用直接路由加参数的形式去跳转,而是利用post方法,我们都知道post方法传递参数时,参数并...

    有时候,为了隐藏页面之间传递的参数,不会用直接路由加参数的形式去跳转,而是利用post方法,我们都知道post方法传递参数时,参数并不现实在url里面。有个项目中要跳转到另外一个项目,还需要带参数 考虑到安全性的问题,最好是用POST跳转,不能再URL中拼参 所以找到了这个方法 直接在JS中模拟form表单POST提交

    其实例如下

     

function formPost(url,params){
    var form = document.createElement("form");
    form.action = url;
    form.target = "_self";
    form.method = "post";
    form.style.dispaly = "none";
    var item = {
        name: '假装有参数';
        value: '假装有值'
    }
    params = params !==undefined ? params : item;
    //添加参数
    for(var i in params){
        var opt = document.createElement("textarea");
        opt.name = params[i].name;
        opt.value = params[i].value;
        from.appendChild(opt); 
    }
    document.body.appendChild(from);
    from.submit();
    return from;}//调用var a = [{
    name: "data1",
    value: "value1"
    },{
    name: "data2",
    value: "value2"
    }];formPost('http://baidu.com',a);


此篇短文由DurkBlue发布,写作不易转载请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2021-12-22
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论取消回复

快捷回复:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog

评论列表 (暂无评论,574人围观)参与讨论

还没有评论,来说两句吧...