利用window.open实现post方式的参数传递

    最近在做web项目，碰到需要跨页面传递参数的功能，就是那种需要把当前页面的内容带到新开的子窗体中，以前的做法是传一个id过去，然后在新窗口中去读数据库的内容。虽然不怎么麻烦，但是如果内容么有在数据库里保存，仅仅是处以拟稿状态时，就不能实现了，用户还常常认为是个bug。考虑采用get的方式传递，把需要的内容都序列化然后，通过url去传，显得很臃肿，而且get的传递内容长度有限制。于是就想到用post的方式传递，问题在于open方法不能设置请求方式，一般网页的post都是通过form来实现的。如果仅仅模拟form的提交方式，那么open方法里那种可设置窗体属性的参数又不能用。最后想办法整了这么一个两者结合的方式，将form的target设置成和open的name参数一样的值，通过浏览器自动识别实现了将内容post到新窗口中。
    比较有意思的是直接通过调用form的submit方法不能触发onsubmit事件，查看了帮助文档，必须手动的触发，否则只能看到页面刷新而没有打开新窗口。代码中只传递了一个参数内容，实际可传递多个。
具体代码如下：

 1 function openPostWindow(url, data, name)  
 2      {  
 3          var tempForm = document.createElement("form");  
 4          tempForm.id="tempForm1";  
 5          tempForm.method="post";  
 6          tempForm.action=url;  
 7          tempForm.target=name;  
 8          
 9          var hideInput = document.createElement("input");  
10          hideInput.type="hidden";  
11          hideInput.name= "content"
12          hideInput.value= data;
13          tempForm.appendChild(hideInput);   
14          tempForm.attachEvent("onsubmit",function(){ openWindow(name); });
15          document.body.appendChild(tempForm);  
16          
17          tempForm.fireEvent("onsubmit");
18          tempForm.submit();
19          document.body.removeChild(tempForm);
20     }
21     
22      function openWindow(name)  
23      {  
24          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');   
25      }  
26     </script>