使用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 相关文章推荐
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
Mar 27 Javascript
javascript省市级联功能实现方法实例详解
Oct 20 Javascript
js生成随机数的过程解析
Nov 24 Javascript
JavaScript tab选项卡插件实例代码
Feb 23 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
May 21 Javascript
浅谈JavaScript的全局变量与局部变量
Jun 10 Javascript
js实现各种复制到剪贴板的方法(分享)
Oct 27 Javascript
JS声明式函数与赋值式函数实例分析
Dec 13 Javascript
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
使用layui定义一个模块并使用的例子
Sep 14 Javascript
详解uniapp的全局变量实现方式
Jan 11 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对象相互引用的内存溢出实例分析
2014/08/28 PHP
PHP实现文件上传下载实例
2016/10/18 PHP
PHP实现git部署的方法教程
2017/12/19 PHP
Fixie.js 自动填充内容的插件
2012/06/28 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
2014/04/02 Javascript
Extjs grid添加一个图片状态或者按钮的方法
2014/04/03 Javascript
一个Action如何调用两个不同的方法
2014/05/22 Javascript
理解javascript中的原型和原型链
2015/07/30 Javascript
javascript如何操作HTML下拉列表标签
2015/08/20 Javascript
JavaScript是如何实现继承的(六种方式)
2016/03/31 Javascript
javascript 正则表达式去空行方法
2017/01/24 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
2017/02/28 Javascript
Nodejs 和 Electron ubuntu下快速安装过程
2018/05/04 NodeJs
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
解决VUE中document.body.scrollTop为0的问题
2018/09/15 Javascript
深入理解Puppeteer的入门教程和实践
2019/03/05 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
2019/11/20 Javascript
vue中实现图片压缩 file文件的方法
2020/05/28 Javascript
vue实现登录功能
2020/12/31 Vue.js
python3.x实现base64加密和解密
2019/03/28 Python
Python基础学习之时间转换函数用法详解
2019/06/18 Python
Django Python 获取请求头信息Content-Range的方法
2019/08/06 Python
浅析python,PyCharm,Anaconda三者之间的关系
2019/11/27 Python
如何在Python3中使用telnetlib模块连接网络设备
2020/09/21 Python
Canvas实现保存图片到本地的示例代码
2018/06/28 HTML / CSS
亚洲最大的眼镜批发商和零售商之一:Glasseslit
2018/10/08 全球购物
运动会广播稿150字
2014/02/19 职场文书
学生会竞选演讲稿学习部
2014/08/25 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
公务员个人考察材料
2014/12/23 职场文书
酒店办公室主任岗位职责
2015/04/01 职场文书
民主生活会主持词
2015/07/01 职场文书
2015年依法治校工作总结
2015/07/27 职场文书
二年级作文之动物作文
2019/11/13 职场文书
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android