js实现数据的excel下载

js实现数据的excel下载
由于目前html+ajax的后台数据传递的使用很高，那么如果对后台传入的json数据进行excel格式的下载呢？
本人也搜索了网络的各种办法，自认为下面这个方法经过改进后应该是最简单的：

1、方法提取：可以直接引用

//把table导出Excel表，excel是拼接后的table字符串，fileName是需要起的文件名称tableToExcel:function(excel, fileName) {  var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>";  excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">';  excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel';  excelFile += '; charset=UTF-8">';  excelFile += "<head>";  excelFile += "<!--[if gte mso 9]>";  excelFile += "<xml>";  excelFile += "<x:ExcelWorkbook>";  excelFile += "<x:ExcelWorksheets>";  excelFile += "<x:ExcelWorksheet>";  excelFile += "<x:Name>";  excelFile += "{worksheet}";  excelFile += "</x:Name>";  excelFile += "<x:WorksheetOptions>";  excelFile += "<x:DisplayGridlines/>";  excelFile += "</x:WorksheetOptions>";  excelFile += "</x:ExcelWorksheet>";  excelFile += "</x:ExcelWorksheets>";  excelFile += "</x:ExcelWorkbook>";  excelFile += "</xml>";  excelFile += "<![endif]-->";  excelFile += "</head>";  excelFile += "<body>";  excelFile += excel;  excelFile += "</body>";  excelFile += "</html>";  var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile);  var link = document.createElement("a");      link.href = uri;  link.style = "visibility:hidden";  link.download = fileName + ".xls";  document.body.appendChild(link);  link.click();  document.body.removeChild(link);  },

2、tabel拼接：
例如：

                var excel = '<table>';      //设置表头  var row = "<tr>"+"<td>申请时间</td>"+"<td>申请人</td>"+"<td>申请人手机号</td>"+"<td>申请提现金额</td>"+"<td>当前总金额</td>"+"<td>提现银行</td>"+"<td>开户行名</td>"+"<td>账户名称</td>"+"<td>银行卡号</td>"+"<td>状态</td>"+"<td>操作</td>"+"</tr>";//换行  excel += row;excel += html;excel += "</table>";//利用时间起文件名称var date=new Date();var fileName="提现"+ date.getFullYear()+(date.getMonth()+1)+date.getDate()+date.getHours()+date.getMinutes()+date.getSeconds();//应用1的方法withdrawalsManagement.tableToExcel(excel,fileName)

其中的html变量就是table的body部分。不同人有不同的拼凑方法，这里不做阐述

js实现数据的excel下载相关推荐

前端利用JS导出数据到Excel表数字是文本类型无法计算
问题描述:前端利用JS导出数据到Excel表数字是文本类型无法进行公式计算:前端利用JS导出数据到Excel表数字是文本类型无法计算解决办法:参考https://bbs.csdn.net/t ...
微信小程序 - 数据转excel下载并复制链接
GitHub Demo 地址: jh-weapp-demo 实现一些常用效果.封装通用组件和工具类小程序码 npm install node-xlsx 云函数 // 云函数入口文件// npm in ...
java查询数据库数据放到Excel下载
//参考自这里(https://blog.csdn.net/szl13722587073/article/details/78663076) public class DownPOIUtils {/* ...
js导出数据到excel，兼容ie浏览器
建立Excle导出的js文件,在需要前台导出的页面中引用此js,调用methodExcel(tableid)方法,tableid为需要导出到excel的table表id. 将页面上的table显示内容 ...
js导出数据到excel纯数字过长如何将默认的科学计数法显示正常
原因: 1.在Excel中,输入12-15位数字时,虽然会以科学记数的形式出现,但其数值大小是不变的.当今的身份证号码有15位和18位之分.如果15位身份证号以科学记数的形式出现,可以通过设置显示出身 ...
Chart.js绘图,数据图
Chart.js绘图,数据图首先下载需要引用的Chart.js文件 https://github.com/nnnick/Chart.js 也可以把整个文件夹都下载到本地,里面包含了一些demo &l ...
js实现excel块拖拉数据_小程序导出数据到excel表，借助云开发云函数实现excel数据的保存...
我们在做小程序开发的过程中,可能会有这样的需求,就是把我们云数据库里的数据批量导出到excel表里.如果直接在小程序里写是实现不了的,所以我们要借助小程序的云开发功能了.这里需要用到云函数,云存储和云 ...
JS 打印 data数据_小程序导出数据到excel表
小程序导出数据到excel表,借助云开发后台实现excel数据的保存我们在开发小程序的过程中,可能会有这样的需求:如何将云数据库里的数据批量导出到excel表里? 这个需求可以用强大的云开发轻松实现 ...
JS导出Echarts图标数据为Excel表格
开发需求需要在Echarts图表右上角添加一个按钮,将图表数据下载为Excel,下面获取到所有echarts数据后通过js手动对数据进行排列和换行的方式完成了需求 HTML结构: <templa ...

js实现数据的excel下载

js实现数据的excel下载相关推荐

最新文章

热门文章