js根据后台返回的数据生成excel并下载

最新推荐文章于 2024-09-06 23:52:23 发布

蓝格子.

最新推荐文章于 2024-09-06 23:52:23 发布

阅读量1.3k

点赞数

分类专栏： js技巧文章标签： javascript

本文链接：https://blog.csdn.net/qq_35168861/article/details/109452323

版权

js技巧专栏收录该内容

28 篇文章 2 订阅

订阅专栏

模拟后台数据

var _json = [
        {
            dd_id:2020110201,
            d_code:"88888888888888888888888"
        },
        {
            dd_id:2020110202,
            d_code:"99999999999999999999999"
        },
        {
            dd_id:2020110203,
            d_code:"77777777777777777777777"
        }
    ]

方法一：

let arr = [];
for (let k = 0; k < _json.length; k++) {
 arr.push([  //将需要导出的数据重新构造新数组
     _json[k].dd_id,
     _json[k].d_code,
 ])
 }
 const jsonData = arr;
 let str = "<tr><td>ID</td><td>Code</td></tr>";
 //循环遍历，每行加入tr标签，每个单元格加td标签
 for(let i = 0 ; i < jsonData.length ; i++ ){
     str+='<tr>';
     for(let item in jsonData[i]){
         if(jsonData[i][item] == null){
         str+=`<td> </td>`;
         }else{
         //增加\t为了不让表格显示科学计数法或者其他格式
         str+=`<td>${ jsonData[i][item] + '\t'}</td>`;
         }
     }
     str+='</tr>';
 }
let worksheet = '优惠码明细'
let uri = 'data:application/vnd.ms-excel;base64,';

//下载的表格模板数据
let template = `<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">
<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
    <x:Name>${worksheet}</x:Name>
    <x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>
    </x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
    </head><body><table>${str}</table></body></html>`;
//下载模板
window.location.href = uri + base64(template)
function base64(s){
    return window.btoa(unescape(encodeURIComponent(s)))
}

这种方法下载出来的excel在wps中是正常的，但是在微软office中打开可能会有文件已损坏的提示或者文件后缀不对

方法二：
使用插件：table2excel
下载地址：https://www.jb51.net/jiaoben/427315.html
页面引入

<script src="/static/index/js/jquery.table2excel.js"></script>

使用

let arr = [];
for (let k = 0; k < _json.length; k++) {
arr.push([  //将需要导出的数据重新构造新数组
    _json[k].dd_id,
    _json[k].d_code,
])
}
const jsonData = arr;
let str = "<tr><td>ID</td><td>Code</td></tr>";
//循环遍历，每行加入tr标签，每个单元格加td标签
for(let i = 0 ; i < jsonData.length ; i++ ){
    str+='<tr>';
    for(let item in jsonData[i]){
        if(jsonData[i][item] == null){
        str+=`<td> </td>`;
        }else{
        //增加\t为了不让表格显示科学计数法或者其他格式
        str+=`<td>${ jsonData[i][item] + '\t'}</td>`;
        }
    }
    str+='</tr>';
}
var createContainer = '<table class="ex_table" style="display:none"></table>'
$("body").append(createContainer);
$(".ex_table").append(str)
$(".ex_table").table2excel({
    name: "优惠码",
    filename: "优惠码",
    exclude_img: true,
    exclude_links: true,
    exclude_inputs: true
});