您现在的位置是:网站首页> 编程资料编程资料

javascript 实现纯前端将数据导出excel两种方式_javascript技巧_

2023-05-24 360人已围观

简介 javascript 实现纯前端将数据导出excel两种方式_javascript技巧_

前言

修改之前项目代码的时候,发现前人导出excel是用纯javascript实现的。并没有调用后台接口。

之前从来没这么用过,记录一下。以备不时之需。

方法一

将table标签,包括tr、td等对json数据进行拼接,将table输出到表格上实现,这种方法的弊端在于输出的是伪excel,虽说生成xls为后缀的文件,但文件形式上还是html,

代码如下:

     使用table标签方式将json导出xls文件

    导出     

导出的文件后缀是xls,用office打开的时候不太友好。

然后,我发现了第二个方法

方法二

通过将json遍历进行字符串拼接,将字符串输出到csv文件,代码如下:

     使用a标签方式将json导出csv文件

    导出     

上边的两段代码复制即可用。

到此这篇关于javascript 实现纯前端将数据导出excel两种方式的文章就介绍到这了,更多相关javascript 数据导出excel内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!

-六神源码网