js post 方式 新开窗口
js post 方式 新开窗口
五大三粗 发表于3年前
js post 方式 新开窗口
  • 发表于 3年前
  • 阅读 19
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

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

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

1,js中实现post提交

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

首先我是这么做的:

复制代码
 $.ajax({ type: "POST", url: '${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表单的提交来实现

复制代码
function post(URL, PARAMS) { 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});就可以了

共有 人打赏支持
粉丝 152
博文 890
码字总数 4484662
×
五大三粗
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: