JS中POST带参数跳转

有个项目中要跳转到另外一个项目,还需要带参数

考虑到安全性的问题,最好是用POST跳转,不能再URL中拼参

所以找到了这个方法

直接在JS中模拟form表单POST提交

 1 function toQrPay() {
 2 
 3             var parames = new Array();
 4             parames.push({ name: "userName", value: "admin88"});
 5             parames.push({ name: "token", value: "token"});
 6 
 7             Post("http://localhost:8080/qrPay/sys/tokenLogin", parames);
 8 
 9             return false;
10         }
11 
12         /*
13         *功能: 模拟form表单的提交
14         *参数: URL 跳转地址 PARAMTERS 参数
15         */
16         function Post(URL, PARAMTERS) {
17             //创建form表单
18             var temp_form = document.createElement("form");
19             temp_form.action = URL;
20             //如需打开新窗口,form的target属性要设置为'_blank'
21             temp_form.target = "_self";
22             temp_form.method = "post";
23             temp_form.style.display = "none";
24             //添加参数
25             for (var item in PARAMTERS) {
26                 var opt = document.createElement("textarea");
27                 opt.name = PARAMTERS[item].name;
28                 opt.value = PARAMTERS[item].value;
29                 temp_form.appendChild(opt);
30             }
31             document.body.appendChild(temp_form);
32             //提交数据
33             temp_form.submit();
34         }

 

posted on 2018-03-12 13:58 米德 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/mide0131/p/8548914.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript,我们可以使用POST方法来传递参数跳转到新页面。以下是一种实现方式: 首先,在原始页面,我们可以创建一个form元素,并将其method属性设置为POST,将action属性设置为新页面的URL: ```html <form id="myForm" method="post" action="newpage.html"> <!-- 输入要传递的参数 --> <input type="text" name="param1" value="value1"> <input type="text" name="param2" value="value2"> <!-- 添加一个提交按钮 --> <input type="submit" value="提交"> </form> ``` 然后,在JavaScript,我们可以通过编写一个函数来监听form的提交事件,并在事件发生时阻止默认的表单提交行为: ```javascript document.getElementById("myForm").addEventListener("submit", function(event) { event.preventDefault(); // 阻止默认的表单提交行为 // 获取表单元素和值 var form = document.getElementById("myForm"); var param1 = form.elements["param1"].value; var param2 = form.elements["param2"].value; // 创建一个新的FormData对象 var formData = new FormData(); // 将参数添加到FormData对象 formData.append("param1", param1); formData.append("param2", param2); // 使用XMLHttpRequest对象发送POST请求 var xhr = new XMLHttpRequest(); xhr.open("POST", form.action, true); xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) { // 请求成功后跳转到新页面 window.location.href = xhr.responseText; } }; xhr.send(formData); }); ``` 最后,在新页面(newpage.html),我们可以通过获取URL参数来获取传递过来的数值。 以上是一个简单的使用POST方法传递参数跳转到新页面的实现方法。当点击表单的提交按钮时,JavaScript会阻止默认的表单提交行为,然后通过XMLHttpRequest对象发送POST请求,并在请求成功后跳转到新页面。在新页面,我们可以获取传递过来的参数并进行处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值