js实现post方式跳转
时间: 2023-11-18 21:04:49 浏览: 31
在JavaScript中,可以使用form元素的submit()方法以POST方式提交表单并跳转页面。具体实现步骤如下:
1. 创建一个form元素,并设置method属性为"post",action属性为要跳转的页面URL。
```
var form = document.createElement("form");
form.method = "post";
form.action = "要跳转的页面URL";
```
2. 创建一个input元素,并设置name和value属性,作为POST请求中的参数。
```
var input = document.createElement("input");
input.type = "hidden";
input.name = "参数名";
input.value = "参数值";
```
3. 将input元素添加到form元素中。
```
form.appendChild(input);
```
4. 将form元素添加到文档中,并调用submit()方法提交表单并跳转页面。
```
document.body.appendChild(form);
form.submit();
```
完整代码示例:
```
function post(url, params) {
var form = document.createElement("form");
form.method = "post";
form.action = url;
for (var key in params) {
var input = document.createElement("input");
input.type = "hidden";
input.name = key;
input.value = params[key];
form.appendChild(input);
}
document.body.appendChild(form);
form.submit();
}
```
使用示例:
```
post("要跳转的页面URL", {"参数名1": "参数值1", "参数名2": "参数值2"});
```