Jquery ajax请求导出Excel表格的实现代码


Posted in Javascript onJune 08, 2016

直接贴代码吧

$("#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表单从页面中移除。

以上这篇Jquery ajax请求导出Excel表格的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery怎样实现ajax联动框(一)
Mar 08 Javascript
详细解读AngularJS中的表单验证编程
Jun 19 Javascript
AngularJS基础 ng-focus 指令简单示例
Aug 01 Javascript
详解angular中如何监控dom渲染完毕
Jan 03 Javascript
jQuery中DOM节点删除之empty与remove
Jan 20 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
Feb 14 Javascript
js脚本编写简单刷票投票系统
Jun 27 Javascript
使用JavaScript实现链表的数据结构的代码
Aug 02 Javascript
关于ES6箭头函数中的this问题
Feb 27 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
Sep 24 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 Javascript
让JavaScript代码更加精简的方法技巧
Jun 01 Javascript
浅谈几种常用的JS类定义方法
Jun 08 #Javascript
浅谈javascript中的constructor
Jun 08 #Javascript
js定义类的几种方法(推荐)
Jun 08 #Javascript
JavaScript必知必会(七)js对象继承
Jun 08 #Javascript
JavaScript必知必会(六) delete in instanceof
Jun 08 #Javascript
JavaScript必知必会(五) eval 的使用
Jun 08 #Javascript
webpack中引用jquery的简单实现
Jun 08 #Javascript
You might like
php多层数组与对象的转换实例代码
2013/08/05 PHP
php简单获取目录列表的方法
2015/03/24 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
用JavaScript隐藏控件的方法
2009/09/21 Javascript
jquery利用event.which方法获取键盘输入值的代码
2011/10/09 Javascript
解决jquery异步按一定的时间间隔刷新问题
2012/12/10 Javascript
JQuery显示隐藏页面元素的方法总结
2015/04/16 Javascript
JS实现适合于后台使用的动画折叠菜单效果
2015/09/21 Javascript
js实现继承的5种方式
2015/12/01 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
详解Vue组件之间的数据通信实例
2017/06/17 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
angularjs实现分页和搜索功能
2018/01/03 Javascript
vue elementUI使用tabs与导航栏联动
2019/06/21 Javascript
layer弹出层扩展主题的方法
2019/09/11 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
Python实现修改文件内容的方法分析
2018/03/25 Python
django表单实现下拉框的示例讲解
2018/05/29 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
python命令行工具Click快速掌握
2019/07/04 Python
最简单的matplotlib安装教程(小白)
2020/07/28 Python
土耳其风格手工珠宝:Ottoman Hands
2019/07/26 全球购物
澳大利亚顶级美发和美容贸易超市:glamaCo
2020/01/19 全球购物
SQL Server 2000数据库的文件有哪些,分别进行描述。
2015/11/09 面试题
下列程序在32位linux或unix中的结果是什么
2015/01/26 面试题
一岗双责责任书
2014/04/15 职场文书
办公室主任个人对照检查材料思想汇报
2014/10/11 职场文书
男方家长婚礼致辞
2015/07/27 职场文书
2019下半年英语教师的教学工作计划(3篇)
2019/09/25 职场文书
python 用递归实现通用爬虫解析器
2021/04/16 Python
Python jiaba库的使用详解
2021/11/23 Python
CSS三大特性继承性、层叠性和优先级详解
2022/01/18 HTML / CSS
golang操作rocketmq的示例代码
2022/04/06 Golang
在MySQL中你成功的避开了所有索引
2022/04/20 MySQL