js 通过 post 方式进行页面跳转

1, html 页面

<button type="button" class="layui-btn" id="download" onclick="doPost('../../layer/download')" >下载</button>

2, js 代码

					function doPost(URL) {
					    PARAMS = {'fileName':'1.txt'};
					
					    var temp = document.createElement("form");
					    temp.action = URL;
					    temp.method = "post";
					    temp.style.display = "none";
					    for (var x in PARAMS) {
					        var opt = document.createElement("textarea");
					        opt.name = x;
					        opt.value = PARAMS[x];
					        temp.appendChild(opt);
					    }
					    document.body.appendChild(temp);
					    temp.submit();
					    return temp;
					}

3, 解释

3.1, URL:表示跳转的目标页面;

3.2, PARAMS:需要传递的 json 格式的数据;

3.3, 在后端可以通过request获取前端通过post传递的键值对数据;

在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、付费专栏及课程。

余额充值