使用POST方式弹出窗口的两种方法示例介绍
作者:
做一个功能需要弹窗,因为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弹出拖动窗口