window.open url 参数post方式传递

最新推荐文章于 2023-07-27 05:38:28 发布

iteye_8214

最新推荐文章于 2023-07-27 05:38:28 发布

阅读量589

点赞数

分类专栏： JavaSript 文章标签： java javascript 数据库 ViewUI

本文链接：https://blog.csdn.net/iteye_8214/article/details/82235372

版权

JavaSript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

[转]window.open url 参数post方式传递

http://blog.csdn.net/youlianying/article/details/5468342

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

function openPostWindow(url,name,data)
     {
         var tempForm = document.createElement("form");
         tempForm.id="tempForm1";
         tempForm.method="post";
         tempForm.action=url;
         tempForm.target=name;

         var hideInput = document.createElement("input");
         hideInput.type="hidden";
         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);

         return false;
    }

     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>

调用：

   <A href="javascript:void(0);" onClick="openPostWindow('noWriteSiteInfo.jsp','noWriteSiteInfo','<%=lowerOffset %>');">
       这里是调用；
     </A>

注意红色部分如果没有这个，会导致页面上<jsp:include page=""/> 这种页面丢失，这是链接的href 和 onclick 共存问题，

请求的链接是用的 A 标签，A上同时写了href和onclick事件。对于链接 A 标签而言，当用户鼠标单击的时候，A对象被触发时会首先去执行onclick部分，然后是href。

解决方法就是：

直接把onclick事件写在href中：href="javascript:openPostWindow(。。。)"
还有一种解决方案：<a href="javascript:void(0)" οnclick="do();return false;">Test</a>
这样是忽略了href部分，这对于通过onclick传递this，或者无法避开a对象时都有用。

以上方法还有一个问题，就是在IE浏览器可以运行，但是在FIREFOX中就会有问题。

通过以上代码中的红色部分，可以让firefox也正常。

修改后代码如下：

if(tempForm.attachEvent){
tempForm.attachEvent("onsubmit",function(){openWindow(name);});
} else {
tempForm.addEventListener("submit",function(){openWindow(name);},false);
}
document.body.a(tempForm);
if (tempForm.fireEvent) {
tempForm.fireEvent('onsubmit');
tempForm.submit();
} else if (document.create_rEvent) {
var ev = document.create_rEvent('HTMLEvents');
ev.initEvent('submit', false, true);
tempForm.dispatchEvent(ev);
}