href以post方式提交打开

简介:
$("#newinfo").append('<li class="clearfix" ><a onclick="changeread(this);ShowReport_Click(this);"  data="' + item.msgId + '"  data1="'+messageUrl+'" class="notification-user">' + item.variable + ' </a>'


/*

        *功能: 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();

        }


本文转自 liang3391 51CTO博客,原文链接:http://blog.51cto.com/liang3391/1873852


相关文章
|
前端开发
a标签以post方式提交
a标签以post方式提交
139 0
|
前端开发 JavaScript
el-upload上传文件和表单一起提交+后端接收代码
el-upload上传文件和表单一起提交+后端接收代码
562 3
el-upload上传文件和表单一起提交+后端接收代码
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
675 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
|
安全 应用服务中间件
Form表单method属性的两种提交方式Get和Post的区别
Form表单method属性的两种提交方式Get和Post的区别
462 0
|
移动开发 Java HTML5
HTML5 学习11.初识表单post和get提交
HTML5 学习11.初识表单post和get提交
【Layui】使用location.href跳转时,第一次可以,第二次就没反应了,后台数据也已经改了
【Layui】使用location.href跳转时,第一次可以,第二次就没反应了,后台数据也已经改了
688 0
【Layui】使用location.href跳转时,第一次可以,第二次就没反应了,后台数据也已经改了
|
JavaScript
post方式进行无刷新删除
post方式进行无刷新删除
209 0
|
资源调度 小程序
03导航链接的制作(wx:for循环)和小程序警告request fail url not in domain list
03导航链接的制作(wx:for循环)和小程序警告request fail url not in domain list
|
编解码 应用服务中间件
表单提交方式由POST改为GET出现乱码的解决
组合查询功能,原先使用<html:form>缺省是以POST方式提交的,增加了分页功能后,由于要在URL里记住用户提交的查询内容(例如:http://localhost:8080/aims/client/filter.do?name=%E5%BC%A0&address=%E5%8C%97%E4%BA%AC&title=&duty=&departmentCode=10000001&categoryCode=10000002&fieldCode=10000006&genderCode=&identityCode=),所以表单的提交方式要改为GET。
1141 0