jquery ajax方式提交form并传递其他非表单中的参数,报表导出并自动下载,jquery ajax提交

来源:互联网 发布:杭州创业软件招聘 编辑:程序博客网 时间:2024/06/11 00:12


问题:jquery post提交form:

jquery实现ajax提交form表单的方法总结

http://www.jb51.net/article/47504.htm


JQuery的AJAX实现文件下载的小例子

http://www.jb51.net/article/36850.htm

已知要下载的文件的url

直接点击超链接就可以下载

或者ajax中location.href=文件在服务器中的地址url

文件下载用到

//报表导出并自动下载到浏览器中:step1:报表依据前台传递的条件从后台查询数据放到List中然后把List输出到web服务器的一个文件中;step2:ajax异步下载此文件function exportFun(){//1、弹出选择保存报表路径=====>改为导出本地用户目录下面System.getProperty("user.home")//2、选择完成后,开始导出报表//传递searchForm参数到后台portal=$.serializeObject($('#searchForm'))//把参数传递到controller中//$('#searchForm').form('load', $.serializeObject($('#searchForm')));//alert('sorry,developing'+portal.day+";"+portal.operation)$.ajax({              type: "POST",              data :{"day":$("#day").val(),"os_type_name":$("#os_type_name").val(),"app_name":$("#app_name").val(),"app_key":$("#app_key").val(),"operation":"export","page":1,"rows":20,"sort":"day","order":"desc"},            url : '${path }/dayportal/dataGrid/all',              dataType: "json",              cache: false,              beforeSend:function(text){            parent.$.messager.progress({    title : '提示',    text : '您的报表导出中,请稍后....'   });              },            success: function(data){              parent.$.messager.progress('close');            //导入服务器成功后,直接下载该报表            var downUrl = '';            if($("#day").val()==''){            fileDay=GetDateStr(-1);            downUrl='${path }/dayportal/download/'+fileDay;        }else{        fileDay=$("#day").val()        downUrl='${path }/dayportal/download/'+fileDay;        }            location.href = downUrl;            },            error:function(text){            parent.$.errorDialog(text);// 提示服务器异常            },            complete:function(text){            }});  }



常用的jquery ajax 提交事件【可以参考】

http://blog.sina.com.cn/s/blog_5db0dfe401010b7m.html

0 0
原创粉丝点击