window.open以post方式提交

最新推荐文章于 2024-04-23 11:31:34 发布

caiyl1314

最新推荐文章于 2024-04-23 11:31:34 发布

阅读量2.4w

点赞数

分类专栏： javascript 文章标签： js windows.open post

本文链接：https://blog.csdn.net/cai7095576/article/details/41042407

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

转自：http://aguu125.iteye.com/blog/1545737

一般
window.open 传参数都是用Get..方式..在url后面拼接参数...
有时候并不适用，如：
1）不想被看到参数信息
2）参数过长，get有限制会被截断
3）可能有中文编码问题
所以需要用post方式

方式一：

function submitForm(){   
  window.open('','newWin','width=400,height=500,scrollbars=yes');   
  form对象.submit();   
}   
<FORM name=form action="YourActionFile.html" method="post" target="newWin">   
  ...
</Form>

也可

function openWindowWithPost(url,name,keys,values)  
{  
    var newWindow = window.open(url, name);  
    if (!newWindow)  
        return false;  
          
    var html = "";  
    html += "<html><head></head><body><form id='formid' method='post' action='" + url + "'>";  
    if (keys && values)  
    {  
       html += "<input type='hidden' name='" + keys + "' value='" + values + "'/>";  
    }  
      
    html += "</form><script type='text/javascript'>document.getElementById('formid').submit();";  
    html += "<\/script></body></html>".toString().replace(/^.+?\*|\\(?=\/)|\*.+?$/gi, "");   
    newWindow.document.write(html);  
      
    return newWindow;  
}

方式二：

<script>   
  
function openPostWindow(url, data, name)     
  
  {     
  
     var tempForm = document.createElement("form");     
  
     tempForm.id="tempForm1";     
  
     tempForm.method="post";     
  	 
  	 //url
     tempForm.action=url;     
     //open方法不能设置请求方式，一般网页的post都是通过form来实现的。
     //如果仅仅模拟form的提交方式，那么open方法里那种可设置窗体属性的参数又不能用。
     //最后想办法整了这么一个两者结合的方式，将form的target设置成和open的name参数一样的值，通过浏览器自动识别实现了将内容post到新窗口中
     tempForm.target=name;     
  
     
  
     var hideInput = document.createElement("input");     
  
     hideInput.type="hidden";     
  
     //传入参数名,相当于get请求中的content=
     hideInput.name= "content";
  
     //传入传入数据，只传递了一个参数内容，实际可传递多个。
     hideInput.value= data;   
  
     tempForm.appendChild(hideInput);      
  
     tempForm.attachEvent("onsubmit",function(){ openWindow(name); });   
  
     document.body.appendChild(tempForm);     
  
  
  
     tempForm.fireEvent("onsubmit");   
  
     //必须手动的触发，否则只能看到页面刷新而没有打开新窗口
     tempForm.submit();   
  
     document.body.removeChild(tempForm);   
  
}   
  
  
  
function openWindow(name)     
  
{     
  
     window.open('about:blank',name,'height=400, width=400, top=0, left=0, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=yes, status=yes');      
  
}     
  
</script>

推荐使用第二种方式，第一种方式有时候有问题