javascript将json格式数组下载为excel表格

最新推荐文章于 2023-09-30 18:02:08 发布

天步

最新推荐文章于 2023-09-30 18:02:08 发布

阅读量814

点赞数

分类专栏： html JQU JS JQUERY 文章标签：前端 javascript jquery excel json

本文链接：https://blog.csdn.net/sn_qmzm521/article/details/78775512

版权

JS 同时被 3 个专栏收录

32 篇文章 0 订阅

订阅专栏

JQUERY

26 篇文章 0 订阅

订阅专栏

JQU

17 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="jquery183.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#wwo').click(function(){
var data = {
"title":
[
{"value":"A1标题"},
{"value":"B1标题"}
],
"data":
[
[
{"value":"好好"},
{"value":"2015-08-24"}
],
[
{"value":"123"},
{"value":"hahah"}
]
]
};
if(data == ''){
return;
}else{
JSONToExcelConvertor(data.data, "Report", data.title);
}
});
});

function JSONToExcelConvertor(JSONData, FileName, ShowLabel) {
//先转化json
var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;

var excel = '<table>';

//设置表头
var row = "<tr>";
for (var i = 0, l = ShowLabel.length; i < l; i++) {
row += "<td>" + ShowLabel[i].value + '</td>';
}


//换行
excel += row + "</tr>";

//设置数据
for (var i = 0; i < arrData.length; i++) {
var row = "<tr>";

for (var index in arrData[i]) {
var value = arrData[i][index].value === "." ? "" : arrData[i][index].value;
row += '<td>' + value + '</td>';
}

excel += row + "</tr>";
}

excel += "</table>";

var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>";
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">';
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel';
excelFile += '; charset=UTF-8">';
excelFile += "<head>";
excelFile += "";
excelFile += "</head>";
excelFile += "<body>";
excelFile += excel;
excelFile += "</body>";
excelFile += "</html>";


var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile);

var link = document.createElement("a");
link.href = uri;

link.style = "visibility:hidden";
link.download = FileName + ".xls";

document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
</script>
</head>
<body>
<input type="button" id="wwo" value="导出" />
</body>
</html>