使用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 相关文章推荐
js获取元素在浏览器中的绝对位置
Jul 24 Javascript
jquery+php实现搜索框自动提示
Nov 28 Javascript
Bootstrap每天必学之前端开发框架
Nov 19 Javascript
javascript中call apply 与 bind方法详解
Mar 10 Javascript
Sort()函数的多种用法
Mar 20 Javascript
JavaScript 消息框效果【实现代码】
Apr 27 Javascript
Angular2从搭建环境到开发步骤详解
Oct 17 Javascript
微信小程序 生命周期和页面的生命周期详细介绍
Jan 19 Javascript
用Vue.extend构建消息提示组件的方法实例
Aug 08 Javascript
微信小程序实现红包功能(后端PHP实现逻辑)
Jul 11 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
使用JavaScript获取Django模板指定键值数据
May 27 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
ThinkPHP自动验证失败的解决方法
2011/06/09 PHP
PHP设计模式之结构模式的深入解析
2013/06/13 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
浅谈laravel框架与thinkPHP框架的区别
2019/10/23 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
DOM下的节点属性和操作小结
2009/05/14 Javascript
Javascript学习笔记1 数据类型
2010/01/11 Javascript
jQuery性能优化技巧分析
2015/02/20 Javascript
解析如何利用iframe标签以及js制作时钟
2016/12/08 Javascript
jquery实现多次上传同一张图片
2017/01/09 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
2017/03/22 jQuery
vue.js父组件使用外部对象的方法示例
2017/04/25 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
让bootstrap的carousel支持滑动滚屏的实现代码
2017/11/27 Javascript
详解ajax的data参数错误导致页面崩溃
2018/04/30 Javascript
LayerClose弹窗关闭刷新方法
2018/08/17 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
element-ui上传一张图片后隐藏上传按钮功能
2019/05/22 Javascript
vue+element tabs选项卡分页效果
2020/06/29 Javascript
微信小程序indexOf的替换方法(推荐)
2020/01/14 Javascript
Python实现返回数组中第i小元素的方法示例
2017/12/04 Python
Python 统计字数的思路详解
2018/05/08 Python
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
2019/06/18 Python
使用python获取(宜宾市地震信息)地震信息
2019/06/20 Python
PyQt 图解Qt Designer工具的使用方法
2019/08/06 Python
使用 tf.nn.dynamic_rnn 展开时间维度方式
2020/01/21 Python
小结Python的反射机制
2020/09/28 Python
哈曼俄罗斯官方网上商店:Harman.club
2020/07/24 全球购物
大一学生假期实习的自我评价
2013/10/12 职场文书
暑期培训随笔感言
2014/03/10 职场文书
周年庆促销方案
2014/03/15 职场文书
挂靠协议书范本
2014/04/22 职场文书
2014年大学学生会工作总结
2014/12/02 职场文书
八月迷情观后感
2015/06/11 职场文书
利用Python实现模拟登录知乎
2022/05/25 Python