博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
json数据导出excel
阅读量:7080 次
发布时间:2019-06-28

本文共 3009 字,大约阅读时间需要 10 分钟。

最近做的一个项目涉及到把数据导出到excel里面,网上找来找去,最终找到两种办法,废话不多说了

第一种:

拿到表格的id就可以抓取表格的数据,导出到excel,这种方式简单粗暴,引入这两个插件即可。

但是用这种方式会出现一种问题,就是当你的table有分页的情况下,这玩意只能抓取页面上的值,所以也不用多说了,其他分页的是导不出来的,值能导出当前分页的数据。

但是项目要求必须导出所有数据,这就出现了第二种解决方案,

使用起来也比较简单,拿到数据直接往里面塞就是了,最后调用方法。这样的话最终所有数据都出来了。

 

 

function JSONToExcelConvertor(JSONData, FileName, ShowLabel) {
 
var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;
 
var excel = '<table>';
 
//设置表头
var row = "<tr>";
for (var i = 0, l = ShowLabel.length; i < l; i++) {
         row += "<td>" + ShowLabel[i].value + '</td>';
}
 
//换行
excel += row + "</tr>";
 
//设置数据
for (var i = 0; i < arrData.length; i++) {
     var row = "<tr>";
 
   for(var j=0;j<arrData[i].length;j++){
     var value = arrData[i][j].value === "." ? "" : arrData[i][j].value;
     row += '<td>' + value + '</td>';
  }
   excel += row + "</tr>";
}
 
excel += "</table>";
 
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);
}
var JSON_DATA = {
    "title":[
                 {"value":"司机", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"日期", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"物流单数量", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"退货单数量", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"发货总件数", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"退货总件数", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"拒收总件数", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"取消发货总件数", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"物流费总金额    ", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"代收手续费总金额", "type":"ROW_HEADER_HEADER", "datatype":"string"},
                 {"value":"代收货款总金额", "type":"ROW_HEADER_HEADER", "datatype":"string"}
        ],
       "data":[
 
        ] 
};

转载于:https://www.cnblogs.com/luojianjian/p/7504416.html

你可能感兴趣的文章
blender split mesh
查看>>
MongoDB官方C#驱动中查询条件Query用法
查看>>
vim插件ctags的安装和使用【转】
查看>>
Debian静态IP地址和DNS
查看>>
Java中Class.this和this的区别(转)
查看>>
jsp参数传递
查看>>
nutch2.x在eclipse+windows环境下运行遇到的一些问题的解决方案
查看>>
.Net Core 2.0 EntityFrameworkCore CodeFirst入门教程
查看>>
"软件随想录" 读书笔记
查看>>
windows下,下载pip安装
查看>>
nginx反向代理中proxy_set_header 运维笔记
查看>>
jQuery操作元素的class属性
查看>>
关于idea新建子目录时往父目录名字后叠加而不是树形结构的解决方法(转)
查看>>
HttpURLConnection和HttpClient的区别2(转)
查看>>
GMP大法教你重新做人(从入门到实战)
查看>>
视频教程制作软件与制作方法
查看>>
数据结构与算法 - 图论
查看>>
时间系统、进程的调度与切换
查看>>
跨域详解
查看>>
数组是个好东西
查看>>