您现在的位置是:网站首页> 编程资料编程资料
javascript 实现纯前端将数据导出excel两种方式_javascript技巧_
2023-05-24
361人已围观
简介 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内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- jquery点击实现升序降序图标切换_jquery_
- vue parseHTML函数源码解析start钩子函数_vue.js_
- vue parseHTML函数源码解析 AST预备知识_vue.js_
- 小程序实现侧边栏切换_javascript技巧_
- vue parseHTML 函数源码解析_vue.js_
- 万字详解JavaScript手写一个Promise_javascript技巧_
- vue parseHTML 函数拿到返回值后的处理源码解析_vue.js_
- JavaScript二叉搜索树构建操作详解_javascript技巧_
- vue parseHTML函数解析器遇到结束标签_vue.js_
- Vue中通过minio上传文件的详细步骤_vue.js_
