将页面表格导出为excel并下载

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/iiiiiilikangshuai/article/details/87857700

将页面表格导出为excel并下载的方式有很多,

本次介绍的是表格div的下载。

这种方式很简单,不需要去创建excel文件,也不需要创建工作簿,然后一点一点的填写数据。只需要将页面的div中的表格下载。

js代码如下

function printExcle() {
	// 使用outerHTML属性获取整个table元素的HTML代码(包括<table>标签),然后包装成一个完整的HTML文档,设置charset为urf-8以防止中文乱码
    var html = "<html><head><meta charset='utf-8' /></head><body>" + $("#allInformation").html() + "</body></html>";
    // 实例化一个Blob对象,其构造函数的第一个参数是包含文件内容的数组,第二个参数是包含文件类型属性的对象
    var blob = new Blob([html], { type: "application/vnd.ms-excel" });
    var a = document.getElementsByTagName("a")[0];
    // 利用URL.createObjectURL()方法为a元素生成blob URL
    a.href = URL.createObjectURL(blob);
    // 设置文件名
    a.download = "学生成绩表_教师.xls";
}

在页面的jsp中,加入一个超链接标签

<a type="button" class="btn btn-info btn-small" onclick="printExcle()" style="float:right"><span><strong>打印</strong></span></a>

页面效果如下

右边的打印便是打印的页面中表格的数据。

由于没有数据库数据,当下载后,文件的内容是这样的

扫描二维码关注公众号,回复: 5323551 查看本文章

这样的简单方法,可以实现excel的简单下载。

如需要更多的帮助,评论,我会第一时间帮助您。

猜你喜欢

转载自blog.csdn.net/iiiiiilikangshuai/article/details/87857700