使用POST方式弹出窗口的两种方法示例介绍
更新时间：2014年01月29日 10:34:53 作者：
做一个功能需要弹窗，因为get方式对url的长度有限制,所以必须用post，本文有两个不错的方法，大家可以参考下
最近在做一个功能需要弹窗,但是不能用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提交
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提交
您可能感兴趣的文章:
- Flex控制弹出窗口拖动范围示例代码
- 点击弹出层效果&弹出窗口后网页背景变暗效果的实现代码
- 弹出窗口并且此窗口带有半透明的遮罩层效果
- javascript:window.open弹出窗口的位置问题
- Flex弹出窗口请求Action函数示例
- js实现弹出窗口、页面变成灰色并不可操作的例子分享
- JavaScript弹出窗口方法汇总
- ie9下关闭弹出窗口出现__flash__removeCallback未定义错误
- 禁止iframe页面的所有js脚本如alert及弹出窗口等
- fckeditor粘贴Word时弹出窗口取消的方法
- jQuery实现弹出窗口中切换登录与注册表单
- JavaScript实现自动弹出窗口并自动关闭窗口的方法
- javascript弹出拖动窗口
相关文章
javascript阻止scroll事件多次执行的思路及实现
阻止scroll事件多次执行主要是为了解决一些常见网页特效在js解析时预期与效果不同，感兴趣的朋友可以了解下2013-11-11
其实不管是一般方法还是面向对象的方法都还有很多可以改进的地方，有需要的先将就着用吧2012-08-08
这篇文章介绍了退出系统后跳转到登陆页面的简单JS代码，有需要的朋友可以参考一下2013-06-06
Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。本文给大家介绍Bootstrap框架的学习教程详解，对bootstrap框架感兴趣的朋友跟着小编一起学习吧2016-10-10
这篇文章主要为大家详细介绍了JavaScript实现table切换的插件封装，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
在移动设备上将某张图片擦掉显示另一张图片，利用canvas来实现这篇文章就为大家详细介绍了js canvas实现擦除动画的相关资料，感兴趣的小伙伴们可以参考一下2016-07-07
星级选择器在网上会搜到很多类似的代码，不过实现起来相对比较复杂，在本文将为大家介绍的是使用js简单的实现下，感兴趣的朋友不要错过2013-10-10
这篇文章主要介绍了javascript浏览器窗口之间传递数据的方法,实例分析了父窗口与子窗口之间传递参数的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-01-01
这篇文章主要给大家介绍了关于JS将图片转Base64的2种方法,base64 其实是一种编码转换方式,将ASCII字符转换成普通文本,是网络上最常见的用于传输8Bit字节代码的编码方式之一,需要的朋友可以参考下2024-05-05
JavaScript中的splice主要用来对js中的数组进行操作，包括删除，添加，替换等。这篇文章主要介绍了JavaScript中的splice方法用法详解的相关资料,需要的朋友可以参考下2016-07-07
最新评论