js将json数据生成execl文件下载到本地
通过javascript把json数据生成execl文件并下载到本地方法:
/**
* json数据生成Execl文件下载到本地
*/
function downLoadExcelFile(data, fileName) {
//定义表头
let str = '课程,连接,来源,编码\n';
//增加\t为了不让表格显示科学计数法或者其他格式
for(let i = 0 ; i < data.length ; i++ ){
for(let item in data[i]){
str+=`${data[i][item] + '\t'},`;
}
str+='\n';
}
//encodeURIComponent解决中文乱码
let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
//通过创建a标签实现
let link = document.createElement("a");
link.href = uri;
//对下载的文件命名
link.download = `${fileName || "表格数据"}.csv`;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
// 模拟数据
var tableData = [{
name: 'HTML',
url: 'https://www.yj521.com/',
source: '越加网',
code: 123456780
}, {
name: 'CSS',
url: 'https://www.yj521.com/',
source: '越加网',
code: 123456781
}, {
name: 'JavaScript',
url: 'https://www.yj521.com/',
source: '越加网',
code: 123456782
}]
downLoadExcelFile(tableData, '测试数据');