使用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 相关文章推荐
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 Javascript
关于eval 与new Function 到底该选哪个?
Apr 17 Javascript
sogou地图API用法实例教程
Sep 11 Javascript
jQuery插件制作之全局函数用法实例
Jun 01 Javascript
js实现a标签超链接提交form表单的方法
Jun 24 Javascript
实例详解jQuery Mockjax 插件模拟 Ajax 请求
Jan 12 Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 Javascript
基于JavaScript实现树形下拉框
Aug 10 Javascript
angular2倒计时组件使用详解
Jan 12 Javascript
webpack下实现动态引入文件方法
Feb 22 Javascript
Vue混入mixins滚动触底的方法
Nov 22 Javascript
详解vue中v-on事件监听指令的基本用法
Jul 22 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使用curl通过代理获取数据的实现方法
2016/05/16 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
Laravel5.1 框架路由基础详解
2020/01/04 PHP
gearman中worker常驻后台,导致MySQL server has gone away的解决方法
2020/02/27 PHP
JavaScript中的面向对象介绍
2012/06/30 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
javascript中取前n天日期的两种方法分享
2014/01/26 Javascript
生成二维码方法汇总
2014/12/26 Javascript
JavaScript模块化开发之SeaJS
2015/12/13 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
Express与NodeJs创建服务器的两种方法
2017/02/06 NodeJs
Bootstrap按钮组实例详解
2017/07/03 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
2017/08/03 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
Vue Autocomplete 自动完成功能简单示例
2019/05/25 Javascript
typescript nodejs 依赖注入实现方法代码详解
2019/07/21 NodeJs
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
python3+PyQt5重新实现自定义数据拖放处理
2018/04/19 Python
Python不使用int()函数把字符串转换为数字的方法
2018/07/09 Python
Python空间数据处理之GDAL读写遥感图像
2019/08/01 Python
pytorch 自定义参数不更新方式
2020/01/06 Python
Python GUI库PyQt5图形和特效样式QSS介绍
2020/02/25 Python
Python基于codecs模块实现文件读写案例解析
2020/05/11 Python
python如何从键盘获取输入实例
2020/06/18 Python
python程序如何进行保存
2020/07/03 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
医学专业毕业生推荐信
2014/07/12 职场文书
个人总结与自我评价
2014/09/18 职场文书
个人四风问题整改措施思想汇报
2014/10/04 职场文书
党员个人总结自评
2015/02/14 职场文书
纪检监察立案决定书
2015/06/24 职场文书
Java Shutdown Hook场景使用及源码分析
2021/06/15 Java/Android