JS根据json对象导出excel表格

最新推荐文章于 2024-05-16 13:24:58 发布

qq_42289686

最新推荐文章于 2024-05-16 13:24:58 发布

阅读量1.3k

点赞数

分类专栏： HTML VUE

本文链接：https://blog.csdn.net/qq_42289686/article/details/95600405

版权

HTML 同时被 2 个专栏收录

36 篇文章 1 订阅

订阅专栏

VUE

30 篇文章 1 订阅

订阅专栏

导出效果
在这里插入图片描述
测试

var data=[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0","experience":255,"logins":24},
                {"id":10001,"username":"user-1","sex":"男","city":"城市-1","sign":"签名-1","experience":884,"logins":58} ,
                {"id":10002,"username":"user-2","sex":"女","city":"城市-2","sign":"签名-2","experience":650,"logins":77}]
		var title = []
		Object.keys(data[0]).forEach(function(key){
			 title.push(key)
		})
		this.JSONToExcelConvertor(data, '1',title)

导出函数

JSONToExcelConvertor(JSONData, FileName,title,filter) {  
		    if(!JSONData)
		        return;
		    //转化json为object
		    var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;  
		
		    var excel = "<table>";      
		
		    //设置表头  
		    var row = "<tr>";  
		
		    if(title)
		    {
		        //使用标题项
		        for (var i in title) {  
		            row += "<th align='center'>" + title[i] + '</th>';
		        }  
		
		    }
		    else{
		        //不使用标题项
		        for (var i in arrData[0]) {  
		            row += "<th align='center'>" + i + '</th>';
		        } 
		     }
		
		        excel += row + "</tr>";  
		
		    //设置数据  
		    for (var i = 0; i < arrData.length; i++) {  
		        var row = "<tr>";  
		
		        for (var index in arrData[i]) {
		            //判断是否有过滤行
		            if(filter)
		            {
		                if(filter.indexOf(index)==-1)
		                {
		                     var value = arrData[i][index] == null ? "" : arrData[i][index];  
		                     row += '<td>' + value + '</td>'; 
		                } 
		            }
		            else
		            {
		                 var value = arrData[i][index] == null ? "" : arrData[i][index];  
		                 row += "<td align='center'>" + 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 += "<!--[if gte mso 9]>";  
		    excelFile += "<xml>";  
		    excelFile += "<x:ExcelWorkbook>";  
		    excelFile += "<x:ExcelWorksheets>";  
		    excelFile += "<x:ExcelWorksheet>";  
		    excelFile += "<x:Name>";  
		    excelFile += "{worksheet}";  
		    excelFile += "</x:Name>";  
		    excelFile += "<x:WorksheetOptions>";  
		    excelFile += "<x:DisplayGridlines/>";  
		    excelFile += "</x:WorksheetOptions>";  
		    excelFile += "</x:ExcelWorksheet>";  
		    excelFile += "</x:ExcelWorksheets>";  
		    excelFile += "</x:ExcelWorkbook>";  
		    excelFile += "</xml>";  
		    excelFile += "<![endif]-->";  
		    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);  
		}

qq_42289686

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
JS根据json对象导出excel表格

导出效果测试var data=[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0","experience":255,"logins":24}, {"id":10001,"username":"user-1","sex":"男","city":"城市-1","sign":"...
复制链接

扫一扫

专栏目录