Jquery ajax请求导出Excel表格
2015-09-16 19:22
701 查看
直接贴代码吧
简单说明一下:
使用情形:ajax请求服务端,返回json数据,出现的新需求是要把返回的json导出为excel表格。
上述代码中,dataParams为ajax的请求参数,是在前面定义的Object类型的对象,因为请求参数不固定,所以将请求参数都放到对象里面了。
我们知道,ajax请求服务器,是不能返回excel表格的(这个我不确定,如果读者有办法导出,请帖出办法,我们共同学习),我们需要把请求转换为页面请求,即转换为form表单发送请求,这样就可以把数据导出为表格了,也就有了下面的代码:
为了保证页面的干净整洁,在发送完请求后,将本次提交请求的form表单从页面中移除。
$("#btn-export").click(function(){ var exportExcel = "export_excel"; dataParams[exportExcel] = 1; var params = $.param(dataParams); var url = host+"&"+params; $('<form method="post" action="' + url + '"></form>').appendTo('body').submit().remove(); delete dataParams[exportExcel]; });
简单说明一下:
使用情形:ajax请求服务端,返回json数据,出现的新需求是要把返回的json导出为excel表格。
上述代码中,dataParams为ajax的请求参数,是在前面定义的Object类型的对象,因为请求参数不固定,所以将请求参数都放到对象里面了。
我们知道,ajax请求服务器,是不能返回excel表格的(这个我不确定,如果读者有办法导出,请帖出办法,我们共同学习),我们需要把请求转换为页面请求,即转换为form表单发送请求,这样就可以把数据导出为表格了,也就有了下面的代码:
$('<form method="post" action="' + url + '"></form>').appendTo('body').submit().remove();
为了保证页面的干净整洁,在发送完请求后,将本次提交请求的form表单从页面中移除。
相关文章推荐
- 原生js+JQuery在浏览器之间兼容的坑
- lhgdialog简单弹出框解析
- jQuery时间冒泡
- 讨论下jquery中的重复添加和事件绑定(转)
- jQuery按键事件响应的Demo
- jQuery和javascript获取临近节点方法
- jquery选择器 之 获取父级元素、同级元素、子元素
- 简单的表单验证
- JQUERY实现拖拽进度条显示百分比
- 使用JQUERY实现JSON数据三级联动
- jquery 插件 模板
- jQuery实现折叠、展开的菜单组效果代码
- jQuery图片轮播滚动切换代码分享
- JqueryMobile+HTML5+JS
- jquery 二级导航
- jquery weebox总结
- jQuery中$.ajax()和$.getJson()同步处理详解
- jquery获得option的值和对option进行操作
- Jquery实现图片放大镜效果的思路及代码
- jQuery前端验证多种方式