js导出excel文件的简洁方法(推荐)

242 阅读 0 评论 160 点赞

我是靠谱客的博主舒适冬天，最近开发中收集的这篇文章主要介绍js导出excel文件的简洁方法(推荐)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

用js可以直接在jsp页面导出数据到excel文件，方法很简洁，如下：

第一，准备一个jsp（暂时取名为export.jsp），内容为:

<%@ page contentType="text/html; charset=GBK"%>
<%
  String context = request.getParameter("sContent");
  response.setHeader("Content-type","application/vnd.ms-xls");
  response.setHeader("Content-Disposition","attachment;filename=export.xls");
  response.setHeader("Expires","0");
  response.setHeader("Cache-Control", "no-cache, must-revalidate");
  response.setHeader("Pragma", "no-cache");
  out.print(context);
%>

第二，写一个导出数据的jsp页面（暂时命名为test.jsp），内容如下：

<%@ page contentType="text/html; charset=GBK"%>
<% 
 String path = request.getContextPath();
%>
<html>
 <head>
 <script type="text/javascript">
  function exportData(){
  var html="<table><tr><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td></tr>";
  html+="<tr><td>monday</td><td>tuesday</td><td>wednesday</td><td>thursday</td>";
  html+="</tr></table>";
  document.getElementByIdx_x_x("sContent").value=html;
  document.getElementByIdx_x_x("form1").submit();
  }
 </script>
 </head>
 <body>
 <iframe id="exeframe" name="exeframe" style="display:none">
 </iframe>
 <form id="form1" method="post" target="exeframe" action="export.jsp?ver=导出">
  <input type="hidden" id="sContent" name="sContent" value=""/>
 </form>
 
 <input type="button" onclick="exportData()" value="导出">
 </body>
</html>

ok，至此，导出功能结束。

以上就是小编为大家带来的js导出excel文件的简洁方法(推荐)全部内容了，希望大家多多支持脚本之家~