Welcome 微信登录

首页 / 脚本样式 / JavaScript / 使用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提交