实例剖析js如何导出报表

项目中签到模块需要导出每天的签到数据，一开始用poi在后台导出，window下运行没什么问题，但是把项目部署到linux环境上,提示导出路径不存在，思索良久也没有找到解决的办法，最后只能在前端使用js导出表格。本篇文章给大家分享的是实例剖析js如何导出报表的操作详解，内容挺不错的，希望可以帮助到有需要的朋友

注意：js导出表格是利用浏览器自带的下载功能去实现的，所以不需要定义下载路径，很好用，唯一的缺点就是，表格样式不知道怎么去定义。

一：导入jquery

登录后复制

二：页面准备一个table和一个导出的按钮

登录后复制

Month

Savings

January $100 //参数为table的id

三：js代码

//打印表格var idTmr; function getExplorer() { var explorer = window.navigator.userAgent; //ie if (explorer.indexOf("MSIE") >= 0) { return 'ie'; } //firefox else if (explorer.indexOf("Firefox") >= 0) { return 'Firefox'; } //Chrome else if (explorer.indexOf("Chrome") >= 0) { return 'Chrome'; } //Opera else if (explorer.indexOf("Opera") >= 0) { return 'Opera'; } //Safari else if (explorer.indexOf("Safari") >= 0) { return 'Safari'; } } function method5(tableid) { if (getExplorer() == 'ie') { var curTbl = document.getElementById(tableid); var oXL = new ActiveXObject("Excel.Application"); var oWB = oXL.Workbooks.Add(); var xlsheet = oWB.Worksheets(1); var sel = document.body.createTextRange(); sel.moveToElementText(curTbl); sel.select(); sel.execCommand("Copy"); xlsheet.Paste(); oXL.Visible = true; try { var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls"); } catch (e) { print("Nested catch caught " + e); } finally { oWB.SaveAs(fname); oWB.Close(savechanges = false); oXL.Quit(); oXL = null; idTmr = window.setInterval("Cleanup();", 1); } } else { tableToExcel(tableid) } } function Cleanup() { window.clearInterval(idTmr); CollectGarbage(); } var tableToExcel = (function() { var uri = 'data:application/vnd.ms-excel;base64,', template = '{table}

登录后复制

以上就是实例剖析js如何导出报表的详细内容，更多请关注【创想鸟】其它相关文章！

发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2776039.html

javascript 报表导出

0 0

关于作者

PHP中文网签约作者

439.3K 文章

0 评论

1 粉丝

php中文网提供大量免费、原创、高清的php视频教程，并定期举行公益php培训！可边学习边在线修改示例代码，查看执行效果！php从入门到精通，一站式php自学平台！

python opencv 图像尺寸变换方法

上一篇 2025年3月8日 14:38:14

基于Ajax技术来实现无刷新用户登录（附代码）

下一篇 2025年3月8日 14:38:31

编程技术

总结五大JavaScript优化原则

首先，与其他语言不同，JS的效率很大程度是取决于JS engine的效率。除了引擎实现的优劣外，引擎自己也会为一些特殊的代码模式采取一些优化的策略。例如FF、Opera和Safari的JS引擎，都对字符串的拼接运算（+）做了特别优化。显然，…

PHP中文网
2025年3月8日
2000
JavaScript For 循环和 While 循环

本篇文章给大家分享的是关于javascript for 循环和 while 循环，需要帮助的朋友可以参考一下一、For 循环一个for循环会一直重复执行，直到指定的循环条件为fasle。 JavaScript的for循环和Java与C的…

PHP中文网
2025年3月8日 • 编程技术
2000
如何修改Vue.js中scoped模式下的子组件内部标签样式

本篇文章给大家分享的是如何修改Vue.js中scoped模式下的子组件内部标签样式，内容挺不错的，希望可以帮助到有需要的朋友在vue.js项目中，我们通常会在标签上加上scoped属性，来为我们的组件生成一个唯一属性，如下面的代码： m…

PHP中文网
2025年3月8日 • 编程技术
2000
编程技术

JavaScript – 个人文章思否

javascript 数据对象去重 resultData = [ { ‘towerName’:’AA’, ‘address’:’asss’ }, { ‘towerName’:’AA’, ‘address’:’awsdwasd’ }, { ‘…

PHP中文网
2025年3月8日
2000
JavaScript开发类面试题总结

本篇文章给大家分享的是JavaScript开发类面试题总结，内容挺不错的，希望可以帮助到有需要的朋友 No1.语法和类型 1.声明定义变量类型：var，定义变量;let，定义块域(scope)本地变量;const，定义只读常量。变量格式…

PHP中文网
编程技术 2025年3月8日
2000
JS – 正则表达式

本篇文章介绍的是js正则表达式中的内容，现在分享给大家，也给大家做个参考，现在一起来看一看吧符号意义常用度转意，即通常在””后面的字符不按原来意义解释，如/b/匹配字符”b”，当b前面加了反斜杆后//，转意为匹配一个单词的边界。高-…

PHP中文网
编程技术 2025年3月8日
2000
Ajax遍历jSon进行数据的修改和删除

这次给大家带来ajax遍历json进行数据的修改和删除，ajax遍历json进行数据修改和删除的注意事项有哪些，下面就是实战案例，一起来看一下。废话不多说了，直接给大家贴代码了，具体代码如下所示： $.ajax({url: “/busin…

PHP中文网
编程技术 2025年3月8日
2000
Ajax与JSON数据交互存储

这次给大家带来Ajax与JSON数据交互存储，Ajax与JSON数据交互存储的注意事项有哪些，下面就是实战案例，一起来看一下。数据存储是JavaScript的核心功能，这是一个在学习前期的一个容易让人迷惑的问题。它并不是那种像页面滑动、幻…

PHP中文网
编程技术 2025年3月8日
2000
怎样使用原生的ajax处理json数据

这次给大家带来怎样使用原生的ajax处理json数据，使用原生ajax处理json数据的注意事项有哪些，下面就是实战案例，一起来看一下。 AJAX AJAX = Asynchronous JavaScript and XML（异步的 Jav…

PHP中文网
2025年3月8日 • 编程技术
2000
ajax后台success上传的json数据如何处理

这次给大家带来ajax后台success上传的json数据如何处理，处理ajax后台success上传json数据的注意事项有哪些，下面就是实战案例，一起来看一下。最近在使用JQuery的ajax方法时，需要返回的数据为json数据，在s…

PHP中文网
编程技术 2025年3月8日
2000

发表回复

登录后才能评论

实例剖析js如何导出报表

关于作者

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

分享到:

请登录

AD推荐黄金广告位招租... 更多推荐