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延迟执行实现方法(setTimeout)
Dec 30 Javascript
jquery插件开发注意事项小结
Jun 04 Javascript
JS限制文本框只能输入数字和字母方法
Feb 28 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
js中遍历Map对象的方法
Jul 27 Javascript
快速掌握jQuery插件开发
Jan 19 Javascript
Javascript中字符串和数字的操作方法整理
Jan 22 Javascript
微信小程序 动态传参实例详解
Apr 27 Javascript
javascript算法之二叉搜索树的示例代码
Sep 12 Javascript
vue下拉菜单组件(含搜索)的实现代码
Nov 25 Javascript
JS实现求5的阶乘示例
Jan 21 Javascript
JS面向对象编程基础篇(三) 继承操作实例详解
Mar 03 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
加速XP搜索功能堪比vista
2007/03/22 PHP
php中的三元运算符使用说明
2011/07/03 PHP
用PHP来计算某个目录大小的方法
2014/04/01 PHP
浅析PHP微信支付通知的处理方式
2014/05/25 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
2010/06/19 Javascript
在JavaScript中监听IME键盘输入事件
2011/05/29 Javascript
JS从一组数据中找到指定的单条数据的方法
2016/06/02 Javascript
jQuery获取同级元素的简单代码
2016/07/09 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
jQuery实现基本淡入淡出效果的方法详解
2018/09/05 jQuery
javascript导出csv文件(excel)的方法示例
2019/08/25 Javascript
在layui tab控件中载入外部html页面的方法
2019/09/04 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
vuex实现购物车功能
2020/06/28 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
2020/11/07 Javascript
python matplotlib绘图,修改坐标轴刻度为文字的实例
2018/05/25 Python
python实现机器学习之多元线性回归
2018/09/06 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
python3安装crypto出错及解决方法
2019/07/30 Python
关于pytorch中全连接神经网络搭建两种模式详解
2020/01/14 Python
python add_argument()用法解析
2020/01/29 Python
Tensorflow矩阵运算实例(矩阵相乘,点乘,行/列累加)
2020/02/05 Python
如何使用scrapy中的ItemLoader提取数据
2020/09/30 Python
土木工程个人自荐信范文
2013/11/30 职场文书
鲜果饮品店创业计划书
2014/01/21 职场文书
优质服务活动实施方案
2014/05/02 职场文书
商场周年庆活动方案
2014/08/19 职场文书
音乐教育专业自荐信
2014/09/18 职场文书
临时用工协议书范本
2014/10/29 职场文书
2014年车间主任工作总结
2014/12/10 职场文书
紧急通知
2015/04/17 职场文书
刑事起诉书范文
2015/05/19 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
vue+springboot实现登录验证码
2021/05/27 Vue.js