微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

js使用post 方式打开新窗口

js中一般新打开窗口很简单直接window.open(url);就可以了,

但是由于我希望传递参数到服务端,而且参数看起来很长一串,而且get方式的提交参数长度是有限制的,因此我有以下需求:

1,js中实现post提交

2,返回的页面在新窗口显示

首先我是这么做的:

代码如下:
contextpath}/analyse/detail.do', data: {carNum :carNum,ids:refIds}, success: function(str_response) { var obj = window.open("about:blank"); obj.document.write(str_response); } });

通过jQuery ajax提交,返回的数据写在新的页面中,但是由于浏览器的会拦截自动弹出的窗口,这样还需用户自己解除拦截用户体验很差,

然后我又通过模拟form表单的提交来实现

代码如下:
araMS) { var temp_form = document.createElement("form"); temp_form .action = URL; temp_form .target = "_blank"; temp_form .method = "post"; temp_form .style.display = "none"; for (var x in ParaMS) { var opt = document.createElement("textarea"); opt.name = x; opt.value = ParaMS[x]; temp_form .appendChild(opt); } document.body.appendChild(temp); temp_form .submit(); }

注意:如需新打开窗口 form 的target属性要设置为'_blank'

然后请求post('${contextpath}/analyse/detail.do',{carNum :carNum,ids:refIds});就可以了

原文地址:https://www.jb51.cc/js/55626.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐