美文网首页
js用post传递参数并跳转页面

js用post传递参数并跳转页面

作者: VIAE | 来源:发表于2019-02-01 09:51 被阅读0次

    有时候,为了隐藏页面之间传递的参数,不会用直接路由加参数的形式去跳转,而是利用post方法,
    我们都知道post方法传递参数时,参数并不现实在url里面
    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);
    

    相关文章

      网友评论

          本文标题:js用post传递参数并跳转页面

          本文链接:https://www.haomeiwen.com/subject/ndsgnftx.html