js使用post 方式打开新窗口


Posted in Javascript onFebruary 26, 2015

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});就可以了

Javascript 相关文章推荐
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 Javascript
javascript innerText和innerHtml应用
Jan 28 Javascript
jQuery实现流动虚线框的方法
Jan 29 Javascript
javascript显式类型转换实例分析
Apr 25 Javascript
12个超实用的JQuery代码片段
Nov 02 Javascript
jquery中ajax处理跨域的三大方式
Jan 05 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
Jul 24 jQuery
微信小程序之多列表的显示和隐藏功能【附源码】
Aug 06 Javascript
深入浅析js原型链和vue构造函数
Oct 25 Javascript
基于javascript的无缝滚动动画实现2
Aug 07 Javascript
JavaScript中EventBus实现对象之间通信
Oct 18 Javascript
JS仿Windows开机启动Loading进度条的方法
Feb 26 #Javascript
JS实现跟随鼠标闪烁转动色块的方法
Feb 26 #Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 #Javascript
JS实现网页滚动条感应鼠标变色的方法
Feb 26 #Javascript
js随机生成网页背景颜色的方法
Feb 26 #Javascript
jQuery简单实现隐藏以及显示特效
Feb 26 #Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 #Javascript
You might like
ThinkPHP CURD方法之data方法详解
2014/06/18 PHP
php检测文本的编码
2015/07/26 PHP
php技巧小结【推荐】
2017/01/19 PHP
PHP下载远程图片的几种方法总结
2017/04/07 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
aspx中利用js实现确认删除代码
2010/07/22 Javascript
15个款优秀的 jQuery 图片特效插件推荐
2011/11/21 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
两种不同的方法实现js对checkbox进行全选和反选
2014/05/13 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
2016/12/07 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
2016/12/20 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
js实现带箭头的进度流程
2020/03/26 Javascript
Vue 解决在element中使用$notify在提示信息中换行问题
2020/11/11 Javascript
[01:09]模型精美,特效酷炫!TI9不朽宝藏Ⅰ鉴赏
2019/05/10 DOTA
使用C语言扩展Python程序的简单入门指引
2015/04/14 Python
Python编程实战之Oracle数据库操作示例
2017/06/21 Python
python 中字典嵌套列表的方法
2018/07/03 Python
Python编程深度学习绘图库之matplotlib
2018/12/28 Python
对python列表里的字典元素去重方法详解
2019/01/21 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
基于Django统计博客文章阅读量
2019/10/29 Python
用canvas实现图片滤镜效果附演示
2013/11/05 HTML / CSS
美国女士内衣在线折扣商店:One Hanes Place
2019/03/24 全球购物
大学生毕业自我鉴定范文
2013/09/19 职场文书
给领导的检讨书
2014/02/16 职场文书
献爱心活动总结
2014/05/07 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
个人先进事迹材料范文
2014/12/29 职场文书
校车安全管理责任书
2015/05/11 职场文书
药房管理制度范本
2015/08/06 职场文书
Python中Selenium对Cookie的操作方法
2021/07/09 Python
postgresql之greenplum字符串去重拼接方式
2023/05/08 PostgreSQL