<html>
<head>
<p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p>
<button onclick='tableToExcel()'>导出</button>
</head>
<body>
<script>
function tableToExcel(){
//要导出的json数据
var jsonData = [
{
name:'路人甲',
phone:'123456789',
email:'000@123456.com'
},
{
name:'炮灰乙',
phone:'123456789',
email:'000@123456.com'
},
{
name:'土匪丙',
phone:'123456789',
email:'000@123456.com'
},
{
name:'流氓丁',
phone:'123456789',
email:'000@123456.com'
},
]
//列标题，逗号隔开，每一个逗号就是隔开一个单元格
let str = `姓名,电话,邮箱\n`;
//增加\t为了不让表格显示科学计数法或者其他格式
for(let i = 0 ; i < jsonData.length ; i++ ){
for(let item in jsonData[i]){
str+=`${jsonData[i][item] + '\t'},`;
}
str+='\n';
}
//encodeURIComponent解决中文乱码
let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
//通过创建a标签实现
var link = document.createElement("a");
link.href = uri;
//对下载的文件命名
link.download = "json数据表.csv";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
</script>
</body>
</html>
分享到：
相关推荐
JavaScript导出数据到Excel! 值得下载看看!资源免费,大家分享!!
### JS导出数据到Excel的方法解析 在网页应用开发中，常常需要将表格中的数据导出至Excel文件，便于用户进行进一步的数据分析或保存。本文将深入探讨如何使用JavaScript实现这一功能，具体包括两种常见的导出方法：...
至于文件名称列表中的`\no.txt`和`\道格拉斯—普克法.zip`，它们与JavaScript导出HTML表格数据的主题不太直接相关。`\no.txt`可能是一个空的文本文件，而`\道格拉斯—普克法.zip`可能是一个关于道格拉斯-普克算法...
在JavaScript编程领域，导出Excel是一项常见的需求，特别是在Web应用中，用户可能需要将数据显示在Excel表格中以便进一步处理或存储。"js导出excel.zip"这个压缩包提供了一个解决方案，它结合了EasyUI和DataGrid组件...
在浏览器中将数据导出到excel或WPS的电子表格中是程序开发中经常在实现的功能，本资源提供数据的导出，详细的功能注释让你一目了然，如Excel文件的操作，工作表、工作簿操作，单元格操作，表格格式（表格线、行高、...
前端导出数据为excel（兼容chrome 和 IE10以上版本），列举了网上常用的两种方法外，新增了可以导出超过5W行数据的方法
在JavaScript（JS）中，将数据导出为Excel文件是一种常见的需求，特别是在Web应用程序中，用户可能需要将数据显示在Excel表格以便进一步分析或存储。本案例代码主要关注如何使用JavaScript实现这一功能。以下是对该...
本文将深入探讨如何使用纯JavaScript实现JSON格式数据到Excel文件的导出，同时支持多个Sheet页的导出。这个功能对于前端开发者来说，能够极大地提升用户体验，特别是在数据管理、分析和分享场景下。 首先，我们要...
js 导出 Excel 【支持大量数据导出，亲测】、支持IE噢
通过Js把数据导出到Excel里，新Excel表格，保存表格等
js 实现 用JavaScript导出图像到Excel! 值得下载看看!资源免费,大家分享!!
- 数据备份：用户可以定期导出数据，作为在线数据的备份。 2. **技术原理**： - CSV格式：Excel文件本质上是逗号分隔值（CSV）文件，因此JS工具通常会将数据转化为CSV格式。CSV文件是一种简单文本格式，易于生成...
本文将深入探讨如何使用JavaScript库`Export2Excel.js`和`Blob.js`来实现将数据导出为表格（Excel）格式。这两个库提供了一种便捷的方式，使用户能够在前端直接处理数据并生成可下载的Excel文件，无需后端服务器的...
描述中的“我们经常要导出数据就非常快了，不用我们写很多代码！”强调了这种控件的便捷性和效率，减少了开发人员编写大量自定义代码的工作量。 在标签中提到了几种常见的数据导出格式：“可以导出任何格式的(xls, ...
总结来说，使用JavaScript导出TXT文件的核心在于创建`Blob`对象并利用`a`标签的`download`属性。这种方法简单且实用，适用于许多需要将网页数据导出为文本文件的场景，如日志记录、数据备份或用户自定义的导出功能。...
js导出execl，自动合并单元格，自动增行，增列
在前端开发中，有时我们需要与Excel文件进行交互，例如导入数据、导出数据或从Excel文件中获取数据。"xlsx.full.min.js" 是一个流行的JavaScript库，专门用于处理这种任务。这个库允许开发者在浏览器环境中读写Excel...
通过这篇示例文章，我们可以了解到如何将服务器端处理后的数据通过Ajax请求传递给前端，并通过触发点击事件的方式导出数据。文章首先介绍了layui自带的导出功能是默认导出当前页的数据，然后提出了导出所有数据的...