使用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 相关文章推荐
最佳的addEvent事件绑定是怎样诞生的
Oct 24 Javascript
JavaScript中的标签语句用法分析
Feb 10 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
Jan 17 Javascript
基于jQuery实现音乐播放试听列表
Apr 14 Javascript
jQuery css() 方法动态修改CSS属性
Sep 25 Javascript
TableSort.js表格排序插件使用方法详解
Feb 10 Javascript
js实现扫雷小程序的示例代码
Sep 27 Javascript
微信小程序数据存储与取值详解
Jan 30 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
Mar 06 Javascript
模块化react-router配置方法详解
Jun 03 Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 Javascript
js实现点赞效果
Mar 16 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
PHPlet在Windows下的安装
2006/10/09 PHP
PHP原理之异常机制深入分析
2010/08/08 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
yii使用activeFileField控件实现上传文件与图片的方法
2015/12/28 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
php扩展开发入门demo示例
2019/09/23 PHP
Yii Framework框架开发微信公众平台示例
2020/04/26 PHP
JS 树形递归实例代码
2010/05/18 Javascript
jQuery + Flex 通过拖拽方式动态改变图片的代码
2011/08/03 Javascript
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
2015/03/09 Javascript
jQuery实现防止提交按钮被双击的方法
2015/03/24 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
Bootstrap进度条组件知识详解
2016/05/01 Javascript
JavaScript数据存储 Cookie篇
2016/07/02 Javascript
angularjs 源码解析之scope
2016/08/22 Javascript
Angular2实现的秒表及改良版示例
2019/05/10 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
Python模仿POST提交HTTP数据及使用Cookie值的方法
2014/11/10 Python
python开发环境PyScripter中文乱码问题解决方案
2016/09/11 Python
Tensorflow 合并通道及加载子模型的方法
2018/07/26 Python
50行Python代码获取高考志愿信息的实现方法
2019/07/23 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
tensorflow模型文件(ckpt)转pb文件的方法(不知道输出节点名)
2020/04/22 Python
Python如何测试stdout输出
2020/08/10 Python
伦敦的高级牛仔布专家:Trilogy
2018/08/06 全球购物
中药学专业毕业生推荐信
2014/07/10 职场文书
党性分析自查总结
2014/10/14 职场文书
致800米运动员广播稿(10篇)
2014/10/17 职场文书
初中英语教师个人工作总结
2015/02/09 职场文书
魂断蓝桥观后感
2015/06/10 职场文书
资产移交协议书
2016/03/24 职场文书
JavaScript ES6的函数拓展
2022/01/18 Javascript