js实现数据的excel下载

最新推荐文章于 2024-04-22 16:07:00 发布

高振05

最新推荐文章于 2024-04-22 16:07:00 发布

阅读量4.2k

点赞数

分类专栏： javascript 文章标签： js jquery excel 导出

本文链接：https://blog.csdn.net/dunegao/article/details/78315369

版权

javascript 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

js实现数据的excel下载
由于目前html+ajax的后台数据传递的使用很高，那么如果对后台传入的json数据进行excel格式的下载呢？
本人也搜索了网络的各种办法，自认为下面这个方法经过改进后应该是最简单的：

1、方法提取：可以直接引用

//把table导出Excel表，excel是拼接后的table字符串，fileName是需要起的文件名称
	tableToExcel:function(excel, fileName) {  
		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);  
	},

2、tabel拼接：
例如：

                var excel = '<table>';      
		//设置表头  
		var row = "<tr>"+
					"<td>申请时间</td>"+
					"<td>申请人</td>"+
					"<td>申请人手机号</td>"+
					"<td>申请提现金额</td>"+
					"<td>当前总金额</td>"+
					"<td>提现银行</td>"+
					"<td>开户行名</td>"+
					"<td>账户名称</td>"+
					"<td>银行卡号</td>"+
					"<td>状态</td>"+
					"<td>操作</td>"+
				  "</tr>";
		//换行  
		excel += row;
		excel += html;
		excel += "</table>";
		//利用时间起文件名称
		var date=new Date();
		var fileName="提现"+ date.getFullYear()+(date.getMonth()+1)+date.getDate()+date.getHours()+
					date.getMinutes()+date.getSeconds();
		//应用1的方法
		withdrawalsManagement.tableToExcel(excel,fileName)

其中的html变量就是table的body部分。不同人有不同的拼凑方法，这里不做阐述

高振05

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js实现数据的excel下载

js实现数据的excel下载由于目前html+ajax的后台数据传递的使用很高，那么如果对后台传入的json数据进行excel格式的下载呢？本人也搜索了网络的各种办法，自认为下面这个方法经过改进后应该是最简单的：
复制链接

扫一扫