使用POST方式弹出窗口的两种方法示例介绍


Posted in Javascript onJanuary 29, 2014

最近在做一个功能需要弹窗,但是不能用get方式,因为get方式对url的长度有限制,所以必须用post,总结了两个方法

1.

var $form1=$("<form action='"+url+"' id='f' name='f' method='post'></form>"); 
$form1.append($("<input type='hidden' name='"+i+"' value='"+params[i]+"'/>")); 
var scriptStr="<script type='text/javascript'>document.f.submit();</script>"; 
$("body").append($form1); 
var newWindow=openwin("",null,800,600); 
newWindow.document.write($form1[0].outerHTML+scriptStr);

2.
var $form1=$("<form action='"+url+"' id='f' name='f' target='newWindow1' method='post'></form>"); 
for(var i in params){ 
$form1.append($("<input type='hidden' name='"+i+"' value='"+params[i]+"'/>")); 
} 
$("body").append($form1); 
var newWindow=openwin("",'newWindow1',800,600); 
$form1.submit();

这两种方法效果上看都差不太多,都是先弹出一个窗口,然后让弹出的窗口进行post提交
Javascript 相关文章推荐
jQuery 扩展对input的一些操作方法
Oct 30 Javascript
Jquery动态进行图片缩略的原理及实现
Aug 13 Javascript
禁止页面刷新让F5快捷键及右键都无效
Jan 22 Javascript
Javascript中的默认参数详解
Oct 22 Javascript
不得不分享的JavaScript常用方法函数集(下)
Dec 25 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
Jul 12 Javascript
详解javascript事件绑定使用方法
Oct 20 Javascript
JS中跳出循环的示例代码
Sep 14 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 Javascript
javascript实现点击星星小游戏
Dec 24 Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 #Javascript
js输出阴历、阳历、年份、月份、周示例代码
Jan 29 #Javascript
js跳转页面方法总结
Jan 29 #Javascript
Asp.Net alert弹出提示信息的几种方法总结
Jan 29 #Javascript
JS操作iframe里的dom(实例讲解)
Jan 29 #Javascript
js 数组操作之pop,push,unshift,splice,shift
Jan 29 #Javascript
js中的preventDefault与stopPropagation详解
Jan 29 #Javascript
You might like
php二维数组按某个键值排序的实例讲解
2019/02/15 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
2012/06/22 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
jquery简单的弹出层浮动层代码
2015/04/27 Javascript
js实现三张图(文)片一起切换的banner焦点图
2015/08/25 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
js实现导航吸顶效果
2017/02/24 Javascript
bootstrap table 多选框分页保留示例代码
2017/03/08 Javascript
使用Node.js实现简易MVC框架的方法
2017/08/07 Javascript
js中的闭包学习心得
2018/02/06 Javascript
react 兄弟组件如何调用对方的方法示例
2018/10/23 Javascript
JS中FileReader类实现文件上传及时预览功能
2020/03/27 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
python启动办公软件进程(word、excel、ppt、以及wps的et、wps、wpp)
2009/04/09 Python
python封装对象实现时间效果
2020/04/23 Python
python中metaclass原理与用法详解
2019/06/25 Python
Windows10下 python3.7 安装 facenet的教程
2019/09/10 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
python 递归调用返回None的问题及解决方法
2020/03/16 Python
python不同版本的_new_不同点总结
2020/12/09 Python
HTML5 Canvas实现文本对齐的方法总结
2016/03/24 HTML / CSS
详解移动端h5页面根据屏幕适配的四种方案
2020/04/15 HTML / CSS
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
美国宠物用品网站:Value Pet Supplies
2018/03/17 全球购物
迷你分体式空调:SoGoodToBuy
2018/08/07 全球购物
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
自我评价如何写好?
2014/01/05 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
办公室岗位职责
2015/02/04 职场文书
汽车质检员岗位职责
2015/04/08 职场文书
简单的辞职信模板
2015/05/12 职场文书
HR在给员工开具离职证明时,需要注意哪些问题?
2019/07/03 职场文书