1

我在将我的 html 表导出到 Excel 时遇到问题，这是我尝试过的。

window.open('data:application/vnd.ms-excel,' + encodeURIComponent($('#myTableDiv').html()));

在 chrome 上运行惊人，但在 Internet Explorer 上无法运行；只需转到带有 url 中数据的新选项卡（在 IE10 上尝试过）。所以我尝试检查 IE，然后对 IE 浏览器使用 ActiveXObject 方法。

var objExcel = new ActiveXObject ("Excel.Application");

但是在创建对象时它给了我错误，我的电脑上有 Excel 2013。这种方法似乎不太可靠。

所以现在我开始尝试使用服务器端语言（JSP）。

这是我目前的尝试。

$('.toExcel').click(function(){
    $.post('controllers/excel.jsp?tableHTML=' + encodeURIComponent($('#myTableDiv').html()), function(data) {   

    });
});

还有我的 JSP

<!DOCTYPE html>
<%@ page import="java.io.PrintWriter" %>  
<%@ page contentType="application/excel" language="java" %>  
<%    
   response.reset();  
   response.setHeader("Content-Type", "application/vnd.ms-excel");
   response.setHeader("Content-Disposition", "attachment;filename=\"report.xls\"");  
   PrintWriter op = response.getWriter();  
   String CSV = request.getParameter("tableHTML");   
   op.write(CSV);  
%>

我知道这至少存在一些问题。

  1. 发布到 url 时没有下载提示。
  2. 只有这么多的html可以作为参数

当我导航到 chrome 中的请求 url 时，它会下载文件。当我导航到 IE 10 中的请求 url 时，我收到以下错误：

  HTML1527: DOCTYPE expected. The shortest valid doctype is "<!DOCTYPE html>". 
  excel.jsp, line 1 character 1

谁能帮助我提供适用于所有浏览器的可靠解决方案？

4

2 回答 2

2

我会告诉你一个简单的解决方案

在表格所在的页面中添加一个按钮

<button class="btn btn-success">Export Data to Excel</button>

现在将以下给定脚本添加到同一页面

<script src="js/jquery.table2excel.js"></script>
 <script>
      $(function() {
        $("button").click(function() {
           $("#tableID").table2excel({
             exclude: ".noExl",
             name: "Excel Document Name"
           });
        });
     });
</script>

不要忘记下载 jquery.table2excel.js 并将其添加到 js 文件夹

于 2015-06-24T06:37:38.447 回答
0

一种使用JSP和的解决方案JavaScript

  1. 导出到 Excel JS 功能。Pass in table ID

    function exportToExcel(intable){
    intable = document.getElementById(intable);
    this.table = intable.cloneNode(true);
    var cform = document.createElement("form");
    cform.style.display = "none";
    cform.setAttribute("method","POST");
    cform.setAttribute("action","exporttoexcel.jsp");
    cform.setAttribute("name","ExcelForm");
    cform.setAttribute("id","ExcelForm");
    cform.setAttribute("enctype","MULTIPART/FORM-DATA");
    cform.encoding="multipart/form-data";
    var ta = document.createElement("textarea");
    ta.name = "ExcelTable";
    var tabletext = this.table.outerHTML;
    ta.defaultValue = tabletext;
    ta.value = tabletext;
    cform.appendChild(ta);
    intable.parentNode.appendChild(cform);
    cform.submit();
    //clean up
    ta.defaultValue = null;
    ta = null;
    tabletext = null;
    this.table = null;
}

  2. 而code对于exporttoexcel.jsp 

    <%@ page import="java.util.*"%>
<%@ page import="java.io.*" %> 
<%@ page import="org.apache.commons.fileupload.*" %>
<%@ page import="org.apache.commons.fileupload.disk.*" %>
<%@ page import="org.apache.commons.fileupload.servlet.*" %>
<%
response.setContentType("application/vnd.ms-excel");
response.setHeader("Content-Disposition","attachment; filename=" + "MyReport.xls" );
boolean isMultipart = ServletFileUpload.isMultipartContent(request);
Iterator pit = null;
DiskFileItem dfi = null;
String line = ""; 
if(isMultipart){
    //      Create a factory for disk-based file items
    FileItemFactory factory = new DiskFileItemFactory();

    //      Create a new file upload handler
    ServletFileUpload upload = new ServletFileUpload(factory);

    //      Parse the request
    File f = null;
    dfi = null;
    List items = null;
    items = upload.parseRequest(request);
    pit = items.iterator();

 }
 if(isMultipart){
    while(pit.hasNext()){
        dfi = (DiskFileItem)pit.next();
        String name = dfi.getFieldName();
        if (name.equalsIgnoreCase("ExcelTable")){
            InputStream is = dfi.getInputStream();
            BufferedReader br = new BufferedReader(new InputStreamReader(is));
            while((line = br.readLine()) != null){
                out.println(line);
            }                                   
        }
     }
  }else{
    Enumeration params = request.getParameterNames();
    while(params.hasMoreElements()){
        String par = (String)params.nextElement();
        out.println(par+"<br>");
        out.println(request.getParameter(par));
    }
  }
%>
于 2013-11-25T20:20:37.603 回答