window.open()使用post方式提交

最新推荐文章于 2022-03-18 16:09:23 发布

林逗哥

最新推荐文章于 2022-03-18 16:09:23 发布

阅读量8.1k

点赞数

分类专栏：打印前端文章标签： window.opne() post提交数据 get提交数据量小

前端同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

打印

5 篇文章 2 订阅

订阅专栏

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

一般

window.open 传参数都是用Get..方式..在url后面拼接参数…

有时候并不适用，如：

1）不想被看到参数信息

2）参数过长，get有限制会被截断

3）可能有中文编码问题

所以需要用post方式

方式一：

1. function submitForm(){
2. window.open(‘’,’newWin’,’width=400,height=500,scrollbars=yes’);
3. form对象.submit();
4. }
5. <FORM name=form action=“YourActionFile.html” method=“post” target=“newWin”>
6. …
7. </Form>

也可

1. function openWindowWithPost(url,name,keys,values)
2. {
3. var newWindow = window.open(url, name);
4. if (!newWindow)
5. return false;
7. var html = “”;
8. html += “<html><head></head><body><form id=‘formid’ method=‘post’ action=‘“ + url + “‘>“;
9. if (keys && values)
10. {
11. html += “<input type=‘hidden’ name=‘“ + keys + “‘ value=‘“ + values + “‘/>“;
12. }
14. html += “</form><script type=‘text/javascript’>document.getElementById(‘formid’).submit();”;
15. html += “<\/script></body></html>“.toString().replace(/^.+?*|\(?=\/)|*.+?$/gi, “”);
16. newWindow.document.write(html);
18. return newWindow;
19. }

方式二：

1. <script>
3. function openPostWindow(url, data, name)
5. {
7. var tempForm = document.createElement(“form”);
9. tempForm.id=“tempForm1”;
11. tempForm.method=“post”;
13. //url
14. tempForm.action=url;
15. //open方法不能设置请求方式，一般网页的post都是通过form来实现的。
16. //如果仅仅模拟form的提交方式，那么open方法里那种可设置窗体属性的参数又不能用。
17. //最后想办法整了这么一个两者结合的方式，将form的target设置成和open的name参数一样的值，通过浏览器自动识别实现了将内容post到新窗口中
18. tempForm.target=name;
22. var hideInput = document.createElement(“input”);
24. hideInput.type=“hidden”;
26. //传入参数名,相当于get请求中的content=
27. hideInput.name= “content”;
29. //传入传入数据，只传递了一个参数内容，实际可传递多个。
30. hideInput.value= data;
32. tempForm.appendChild(hideInput);
34. tempForm.attachEvent(“onsubmit”,function(){ openWindow(name); });
36. document.body.appendChild(tempForm);
40. tempForm.fireEvent(“onsubmit”);
42. //必须手动的触发，否则只能看到页面刷新而没有打开新窗口
43. tempForm.submit();
45. document.body.removeChild(tempForm);
47. }
51. function openWindow(name)
53. {
55. 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’);
57. }
59. </script>

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

林逗哥

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
window.open()使用post方式提交

转自：http://aguu125.iteye.com/blog/1545737 一般 window.open 传参数都是用Get..方式..在url后面拼接参数… 有时候并不适用，如： 1）不想被看到参数信息 2）参数过长，get有限制会被截断 3）可能有中文编码问题所以需要用post方式方式一： function submitForm(){...
复制链接

扫一扫