JavaScript以POST方式打开新页面

场景:前置的查询页面,选择查询条件后提交到另一个页面。

方式很多,列出我知道的几种

1.window.open.

2.Response.Redirect.

3.Server.Transfer.

方法一和方法二都存在同样的问题,因为是get方式提交的,所以提交的数据都会显示URL中,一个是安全问题,另外一个是URL长度限制,在IE中,URL最大长度为2083.所以数据量过多时会导致数据丢失。

于是考虑到通过POST方式传递参数。

        /*        

        *功能: JS跳转页面,并已POST方式提交数据

        *参数: URL 跳转地址 PARAMTERS 参数

        *返回值:

        *创建时间:20160713

        *创建人:

        */

        function ShowReport_Click() {

            var parames =new Array();

            parames.push({ name: "param1", value: "param1"});

            parames.push({ name: "param2", value: "param2"});

            Post("SupplierReportPreview.aspx", parames);

            return false;

        }

        /*        *功能: 模拟form表单的提交

        *参数: URL 跳转地址 PARAMTERS 参数

        *返回值:

        *创建时间:20160713

        *创建人:

        */

        function Post(URL, PARAMTERS) {

            //创建form表单

            var  temp_form = document.createElement("form");

            temp_form.action = URL;

            // 如需打开新窗口,form的target属性要设置为'_blank'temp_form.target = "_self";

            temp_form.method = "post";

            temp_form.style.display = "none";

            //添加参数

           for(var item in PARAMTERS) {

                var opt = document.createElement("textarea");

                opt.name = PARAMTERS[item].name;

                opt.value = PARAMTERS[item].value;

                temp_form.appendChild(opt);

            }

            document.body.appendChild(temp_form);

            //提交数据           

            temp_form.submit();

        }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,461评论 19 139
  • 22年12月更新:个人网站关停,如果仍旧对旧教程有兴趣参考 Github 的markdown内容[https://...
    tangyefei阅读 35,296评论 22 257
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,755评论 0 17
  • “我失恋了。”前天晚上小A没头没脑的发来这么一条消息,反应半天才明白,是因为鹿晗有了女朋友。 “四千万粉丝同时失恋...
    北葵6号阅读 4,617评论 1 3
  • 看到这题目时便毫不犹豫的决定和大家分享路遥的(平凡的世界)。少年不知愁滋味,如今一个人工作,生活,时隔六年再一次...
    2cf74b6d37cb阅读 2,312评论 1 0