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 相关文章推荐
JS获取IUSR_机器名和IWAM_机器名帐号的密码
Dec 06 Javascript
JavaScript DOM 学习第三章 内容表格
Feb 19 Javascript
jquery.cookie() 方法的使用(读取、写入、删除)
Dec 05 Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 Javascript
vue-router跳转页面的方法
Feb 09 Javascript
JavaScript中各数制转换全面总结
Aug 21 Javascript
vue router自动判断左右翻页转场动画效果
Oct 10 Javascript
微信小程序 Animation实现图片旋转动画示例
Aug 22 Javascript
Cocos2d实现刮刮卡效果
Dec 20 Javascript
JavaScript实现轮播图片完整代码
Mar 07 Javascript
js实现贪吃蛇小游戏(加墙)
Jul 31 Javascript
js轮播图之旋转木马效果
Oct 13 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
SONY SRF-M100的电路分析
2021/03/02 无线电
基于php 随机数的深入理解
2013/06/05 PHP
php使用Jpgraph绘制简单X-Y坐标图的方法
2015/06/10 PHP
Yii框架常见缓存应用实例小结
2019/09/09 PHP
php实现大文件断点续传下载实例代码
2019/10/01 PHP
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
2016/07/11 Javascript
第一次接触神奇的Bootstrap导航条
2016/08/09 Javascript
js-FCC算法-No repeats please字符串的全排列(详解)
2017/05/02 Javascript
CentOS 安装NodeJS V8.0.0的方法
2017/06/15 NodeJs
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
[03:49]显微镜下的DOTA2第十五期—VG登基之路完美团
2014/06/24 DOTA
[39:21]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.24
2019/09/10 DOTA
Python 调用Java实例详解
2017/06/02 Python
python正则表达式re之compile函数解析
2017/10/25 Python
快速了解Python相对导入
2018/01/12 Python
用python处理MS Word的实例讲解
2018/05/08 Python
Python txt文件加入字典并查询的方法
2019/01/15 Python
使用Python实现跳一跳自动跳跃功能
2019/07/10 Python
详解如何减少python内存的消耗
2019/08/09 Python
基于python3.7利用Motor来异步读写Mongodb提高效率(推荐)
2020/04/29 Python
用CSS3实现Win8风格的方格导航菜单效果
2013/04/10 HTML / CSS
HTML5 新事件 小结
2009/07/16 HTML / CSS
实例讲解使用SVG制作loading加载动画的方法
2016/04/05 HTML / CSS
美国正宗奢华复古手袋、珠宝及配饰网站:What Goes Around Comes Around
2018/07/21 全球购物
英国百年闻名的优质健康产品连锁店:Holland & Barrett
2019/12/19 全球购物
新加坡最早生产电动滑板车的制造商之一:FunsToTheFore
2020/09/08 全球购物
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
毕业生造价工程师求职信
2013/10/17 职场文书
数控技术学生的自我评价
2014/02/15 职场文书
怎样拟定创业计划书
2014/05/01 职场文书