js跳转页面参数过长用post请求跳转页面

最新推荐文章于 2023-03-09 16:56:07 发布

资深CV大师

最新推荐文章于 2023-03-09 16:56:07 发布

阅读量782

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44903107/article/details/120180530

版权

javascript 专栏收录该内容

16 篇文章

订阅专栏

1、拿到原始url

2、创建form表单

3、给表单插入数据

4、跳转页面

有个优化点跳转页面时候会闪一下form表单需要处理下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" onclick="toPage()">post跳转页面</button>
		<script type="text/javascript">
			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;
			        form.appendChild(opt); 
			    }
			    document.body.appendChild(form);
			    form.submit();
			    return form;
			}
			//调用
			var a = [{
			    name: "data1",
			    value: "value1"
			    },{
			    name: "data2",
			    value: "value2"
			    }];
			function toPage() {
				formPost('http://baidu.com',a)
			}
		</script>
	</body>
</html>