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 相关文章推荐
javascript比较文档位置
Apr 08 Javascript
JavaScript 数组运用实现代码
Apr 13 Javascript
jQuery性能优化的38个建议
Mar 04 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
jQuery实现可以控制图片旋转角度效果(附demo源码下载)
Jan 27 Javascript
给angular加上动画效遇到的问题总结
Feb 17 Javascript
深入理解bootstrap框架之入门准备
Oct 09 Javascript
React利用插件和不用插件实现双向绑定的方法详解
Jul 03 Javascript
利用jqgrid实现上移下移单元格功能
Nov 07 Javascript
在NPM发布自己造的轮子的方法步骤
Mar 09 Javascript
微信小程序以7天为周期连续签到7天功能效果的示例代码
Aug 20 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
php快速url重写 更新版[需php 5.30以上]
2010/04/20 PHP
兼容性最强的PHP生成缩略图的函数代码(修改版)
2011/01/18 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
详解PHP原生DOM对象操作XML的方法
2016/10/17 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
数组方法解决JS字符串连接性能问题有争议
2011/01/12 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
js页面滚动时层智能浮动定位实现(jQuery/MooTools)
2011/08/23 Javascript
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
js实现回放拖拽轨迹从过程上进行分析
2014/06/26 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
vue-router路由模式详解(小结)
2019/08/26 Javascript
JavaScript闭包相关知识解析
2019/10/19 Javascript
javascript this指向相关问题及改变方法
2020/11/19 Javascript
[00:05]ChinaJoy现场 DOTA2玩家高呼“CN DOTA BEST DOTA”
2019/08/04 DOTA
linux平台使用Python制作BT种子并获取BT种子信息的方法
2017/01/20 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
python进行文件对比的方法
2018/12/24 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
Bugatchi官方网站:男士服装在线
2019/04/10 全球购物
结构和类有什么异同
2012/07/16 面试题
编辑个人求职信范文
2013/09/21 职场文书
自我评价的写作规则
2014/01/06 职场文书
网络优化专员求职信
2014/05/04 职场文书
2014世界杯球队球队口号
2014/06/05 职场文书
统计专业自荐书
2014/07/06 职场文书
抗洪救灾感谢信
2015/01/22 职场文书
酒店销售经理岗位职责
2015/04/02 职场文书
jquery插件实现搜索历史
2021/04/24 jQuery
小程序与后端Java接口交互实现HelloWorld入门
2021/07/09 Java/Android