通过js将table表格数据下载为Excel表格

约定不等于承诺〃 2022-07-15 05:17 613阅读 0赞

1.创建用于下载数据的excel_create.jsp页面

  1. <%@ page contentType="text/html; charset=utf-8" %>
  2. <%
  3.    response.setContentType("application/x-msdownload"); 
  4.    response.setHeader("Content-disposition","attachment; filename="+new String("download.xls"));
  5.  %>
  6. <html>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8.   <head><title>生成的EXCEL</title></head>
  9. <body>
  10.   <table borderColor=#111111 cellSpacing=0 cellPadding=2 width=1200 align=center border=1>
  11.   <%=request.getParameter("tablevalue2")%>
  12. </table>
  13. </body>
  14. </html>

2.创建提交数据表格的JS方法

  1. //导出通用excel
  2.     function getXlsFromJsp(id)
  3.     {
  4.         var form_excel=document.createElement("form");
  5.         document.body.appendChild(form_excel);
  6.         form_excel.action="/excel_create.jsp?tableid="+id;
  7.         form_excel.method="post";
  8.         form_excel.setAttribute("accept-charset", "utf-8"); 
  9.         var table_inn = document.createElement("input");
  11.         table_inn.name="tablevalue2";
  12.         table_inn.type="hidden";
  13.         table_inn.value=document.getElementById(id).innerHTML;
  14.         form_excel.appendChild(table_inn);
  15.         form_excel.submit();
  16.     }

3.定义标签调用getXlsFromJsp方法

  1. <input type="button" value="导出EXCEL" onClick="getXlsFromJsp('excel_table')" class="botton">

4.为table表格定义id属性

  1. <table width="100%" border="0" cellspacing="1" cellpadding="4" class="newtable_0505" id="excel_table">

发表评论

表情：
评论列表 （有 0 条评论，613人围观）

还没有评论，来说两句吧...

相关阅读