HTML纯前台页面导出表格

HTML页面纯前台导出表格到Excel

话不多说，看代码。

function JSONToCSVConvertor(JSONData, ReportTitle, ShowLabel) {
	//如果jsondata不是对象，那么json.parse将分析对象中的json字符串。
	var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData)
			: JSONData;
	
	var sele=$("#dg").datagrid('getSelections');
    if(sele!=""){
	var CSV = '';
	//在第一行拼接标题
	CSV += ReportTitle + '\r\n\n';

	//产生数据标头
	if (ShowLabel) {
		var row = "";
		
		//此循环将从数组的第一个索引中提取标签
		for ( var index in arrData[0]) {
			//现在将每个值转换为字符串和逗号分隔
			row += index + ',';
		}
		row = row.slice(0, -1);
		
		//添加带换行符的标签行
		CSV += row + '\r\n';
	}
	//第一个循环是提取每一行
	for (var i = 0; i < sele.length; i++) {
		var row = "";
		for ( var index in sele[i]) {
			row += '"' + sele[i][index] + '",';
		}
		row.slice(0, row.length - 1);
		CSV += row + '\r\n';
	}
	if (CSV == '') {
		alert("Invalid data");
		return;
	}
	var fileName = "我的学生_";
	fileName += ReportTitle.replace(/ /g, "_");
	var uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURI(CSV);
	var link = document.createElement("a");
	link.href = uri;
	link.style = "visibility:hidden";
	link.download = fileName + ".csv";
	document.body.appendChild(link);
	link.click();
	document.body.removeChild(link);
    }else{
    	$.messager.alert("提示","请选择需要导出的学生")
    }
}
$("#btnExport").click(function() {
	var data = JSON.stringify($('#dg').datagrid('getData').rows);
	if (data == '')
		return;
	JSONToCSVConvertor(data, "数据信息", true);
});

代码中需要修改的是表格id，我的表格id是"dg",改成自己的id即可。
如有需要，可改代码中的文字提示，大佬随意。