使用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 相关文章推荐
Textarea根据内容自适应高度
Oct 28 Javascript
轻量级的原生js日历插件calendar.js使用指南
Apr 28 Javascript
深入理解setTimeout函数和setInterval函数
May 20 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
基于vue2.0实现的级联选择器
Jun 09 Javascript
React组件之间的通信的实例代码
Jun 27 Javascript
AngularJS 实现购物车全选反选功能
Oct 24 Javascript
深入浅出webpack之externals的使用
Dec 04 Javascript
node.js博客项目开发手记
Mar 16 Javascript
AngularJS自定义表单验证功能实例详解
Aug 24 Javascript
详解package.json版本号规则
Aug 01 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
Sep 26 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_Flame(Version:Progress)的原代码
2006/10/09 PHP
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
示例详解Laravel的注册重构
2016/08/14 PHP
php实现的PDO异常处理操作分析
2018/12/27 PHP
通过ifame指向的页面高度调整iframe的高度
2006/10/05 Javascript
图片上传即时显示缩略图的js代码
2009/05/27 Javascript
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
关于JQuery($.load)事件的用法和分析
2013/04/09 Javascript
javascript写的一个模拟阅读小说的程序
2014/04/04 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
2015/09/10 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
简单谈谈Python流程控制语句
2016/12/04 Python
一个基于flask的web应用诞生 记录用户账户登录状态(6)
2017/04/11 Python
Python实现简单过滤文本段的方法
2017/05/24 Python
Python实现提取XML内容并保存到Excel中的方法
2018/09/01 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
python能开发游戏吗
2020/06/11 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
python 动态渲染 mysql 配置文件的示例
2020/11/20 Python
Python如何批量生成和调用变量
2020/11/21 Python
浅谈CSS3特性查询(Feature Query: @supports)功能简介
2017/07/31 HTML / CSS
使用html5实现表格实现标题合并的实例代码
2019/05/13 HTML / CSS
意大利大型购物中心:Oliviero.it
2017/10/19 全球购物
基层干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
文明单位申报材料
2014/12/23 职场文书
不同品牌、不同型号对讲机如何互相通联
2022/02/18 无线电
python中数组和列表的简单实例
2022/03/25 Python
Python实现猜拳与猜数字游戏的方法详解
2022/04/06 Python
Golang入门之计时器
2022/05/04 Golang