打开新窗口以post方式提交

冷不防 2022-06-16 22:42 324阅读 0赞

[window.open以post方式提交][window.open_post]

1、按钮准备

2、js方法

$(function(){
    	$("#btn_amp").click(function(){
    		var username="<%=username%>",password="<%=password%>";
    		postUrl('<%=ampUrl%>'+'login.do',username,password);
    	});
    	$("#btn_amp2").click(function(){
    		var username="<%=username%>",password="<%=password%>";
    		//var data = '{username:'+username+',password:'+password+'}';
    		openPostWindow('<%=ampUrl%>'+'login.do','大表统一远传',username,password);
    	});
    });
    //以post形式在本页打开
    function postUrl(url,username,password){
    	  var f=document.createElement("form");
    	  f.action=url;
    	  f.method="post";//指定为post
    	  f.innerHTML="<input type='hidden' name='username' value='"+username+"'/>"+
    	              "<input type='hidden' name='password' value='"+password+"'/>";
    	  document.body.appendChild(f);  
    	  f.submit()
    }
    
    //以post形式打开新的页面，可以传递多个参数
    function openPostWindow(url,windowname,username,password){         
       var tempForm = document.createElement("form");       
       tempForm.id="tempForm1";         
       tempForm.method="post";        
       tempForm.action=url;       
       //open方法不能设置请求方式，一般网页的post都是通过form来实现的。  
       //如果仅仅模拟form的提交方式，那么open方法里那种可设置窗体属性的参数又不能用。  
       //最后想办法整了这么一个两者结合的方式，将form的target设置成和open的name参数一样的值，通过浏览器自动识别实现了将内容post到新窗口中  
       tempForm.target=windowname;         
       tempForm.innerHTML="<input type='hidden' name='username' value='"+username+"'/>"+
       "<input type='hidden' name='password' value='"+password+"'/>";  
       // tempForm.attachEvent("onsubmit",function(){ openWindow(name); });     //IE
       tempForm.addEventListener("onsubmit",function(){ openWindow(windowname); });   //chrome    
       document.body.appendChild(tempForm);          
       //tempForm.fireEvent("onsubmit"); //IE    
       tempForm.dispatchEvent(new Event("onsubmit"));//chrome    
       //必须手动的触发，否则只能看到页面刷新而没有打开新窗口  
       tempForm.submit();       
       document.body.removeChild(tempForm);      
    }   
    //以post形式打开新的页面，只能传递一个参数
    function openPostWindow2(url, windowname, data)       
    
    {       
      
       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=content;       
       
       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); });     //IE
       tempForm.addEventListener("onsubmit",function(){ openWindow(windowname); });   //chrome  
      
       document.body.appendChild(tempForm);       
       
       //tempForm.fireEvent("onsubmit"); //IE    
       tempForm.dispatchEvent(new Event("onsubmit"));//chrome  
      
       //必须手动的触发，否则只能看到页面刷新而没有打开新窗口  
       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');          
    }

[window.open_post]: http://blog.csdn.net/cai7095576/article/details/41042407