js 实现纯前端将数据导出excel两种方式，亲测有效
2021-01-22 11:13
标签：org details cti 其他 数据导出 text encodeuri ons move
由于项目需要，需要在不调用后台接口的情况下，将json数据导出到excel表格，参考了好多资料以及很多大佬写的博客终于实现，兼容chrome没问题，其他还没有测试过，这边介绍两种实现方式，并附上代码和gif动图，博主不才还望轻喷
方法一
将table标签，包括tr、td等对json数据进行拼接，将table输出到表格上实现，这种方法的弊端在于输出的是伪excel，虽说生成xls为后缀的文件，但文件形式上还是html，代码如下
使用table标签方式将json导出xls文件
`;
//下载模板
window.location.href = uri + base64(template)
}
//输出base64编码
function base64 (s) { return window.btoa(unescape(encodeURIComponent(s))) }
如图：
方法二
通过将json遍历进行字符串拼接，将字符串输出到csv文件，代码如下
使用a标签方式将json导出csv文件
如图：
参考了很多大佬的博客其中这两篇对我启发最大，感谢！
https://blog.csdn.net/oscar999/article/details/16342699
https://blog.csdn.net/aa122273328/article/details/50388673
js 实现纯前端将数据导出excel两种方式，亲测有效
标签：org details cti 其他 数据导出 text encodeuri ons move
原文地址：https://www.cnblogs.com/onesea/p/13286180.html
文章标题：js 实现纯前端将数据导出excel两种方式，亲测有效
文章链接：http://soscw.com/index.php/essay/45396.html