DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js導出excel文件的簡潔方法(推薦)
js導出excel文件的簡潔方法(推薦)
編輯:關於JavaScript     

用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文件的簡潔方法(推薦)全部內容了,希望大家多多支持~

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved