<button id="" type="button" class="u-btn normal importBtn" >
<i class="fa fa-plus"></i> 导出</button>
$(".importBtn").on('click', function() { var tableData = []; $.ajax({ type: 'get', url: 'json/table.json', //请求数据的地址 dataType: "json", //返回数据形式为json success: function(param) { console.log(param.data.result) tableData = param.data.result; downLoadExcel(tableData, '巡检报告') }, error: function(errorMsg) { //请求失败时执行该函数 alert("请求数据失败!"); } }); }) function downLoadExcel(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 || '表格数据'}.xls`; document.body.appendChild(link); link.click(); document.body.removeChild(link); }
table.json
{
"data":{
"result":[
{
"date":"2021-5-27 19:34",
"stop_name":"L1电源列头柜",
"check_name":"新检测点",
"device_name":"电源列头柜12路",
"device_type":"指示灯",
"status":"已完成",
"result":"2.000无异常"
}
]
}
}