难以从 Servlet 发送 Excel 工作簿

Question

我的项目涉及创建一个带有表格的 HTML 页面，并在页面上放置一个标有“导出到 Excel”的按钮。整个目的是将表格数据转换为可以从 servlet 下载的 Excel 文件。使用 JQuery，我可以毫无问题地从表中收集所有数据并使用以下代码将其发送到 Servlet：

$("#export").click(function(){
    var head = JSON.stringify({ header: header });
    var table = JSON.stringify({ data: data });
    //Combine the two into on big object
    var obj = head.substring(0,head.length - 1) + "," + table.substring(1,table.length);
    $.ajax({
            type: "POST",
            url: 'ExportToExcel',
            data: obj,
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            mimeType: 'application/json',
            error: function (xhr, ajaxOptions, thrownError) {
                $('#result').html(thrownError + "<br/><br/>" +
                                          xhr.responseText);
            }
        })                      
    });

这是我的 Servlet 代码：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    try{
      BufferedReader br = new BufferedReader(new InputStreamReader(request.getInputStream()));
      String json = "";
      if(br != null){
        json = br.readLine();
      }
      //System.out.println("json: " + json);
      br.close();
      Gson gson = new Gson();
      Table table = gson.fromJson(json, Table.class);
      ArrayList<String> header = table.getHeader();
      ArrayList<String[]> data = table.getData();

      XSSFWorkbook wb = new XSSFWorkbook();
        //CreationHelper createHelper = wb.getCreationHelper();
        XSSFSheet sheet = wb.createSheet("Sheet1");
        //create the Header
        XSSFRow rowhead = sheet.createRow(0);
        for(int i = 0; i < header.size(); i++)
        {
            rowhead.createCell(i).setCellValue(header.get(i));
        }

        XSSFRow row = null;
        XSSFCell cell = null;
        String[] temp = null;
        for(int i = 0; i < data.size(); i++)
        {
            temp = data.get(i);
            row = sheet.createRow(i);
            for(int j = 0; j < temp.length; j++)
            {
                cell = row.createCell(j);
                cell.setCellType(XSSFCell.CELL_TYPE_STRING );
                cell.setCellValue(temp[j]);
            }

        }

        //response.setContentType("application/vnd.ms-excel");
        response.setContentType("application/vnd.openxml");
        //response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
        String filename = "data.xlsx";
        response.setHeader("Content-disposition", "attachment; filename=\"" + filename + "\"" );
        ServletOutputStream out = response.getOutputStream();
        wb.write(out);  
        out.flush();
        out.close();


    }
    catch(Exception e){e.printStackTrace();}

}

class Table
{
    private ArrayList<String> header;
    private ArrayList<String[]> data;

    public void setHeader(ArrayList<String> list)
    {
        header = list;
    }

    public ArrayList<String> getHeader()
    {
        return header;
    }

    public void setData(ArrayList<String[]> value)
    {
        data = value;
    }

    public ArrayList<String[]> getData()
    {
        return data;
    }
}

从 Servlet 代码中可以看出，我可以轻松地创建一个工作簿并将通过 JSON 字符串发送的所有数据放入其中。到目前为止，一切都很好。

对于 Servlet 的响应，我在 FireBug 中得到以下信息：

响应标头
内容处置附件；文件名="data.xlsx"
内容类型 application/vnd.openxml
日期 2014 年 3 月 3 日星期一 20:56:15 GMT
服务器 Apache-Coyote/1.1
传输编码分块

同样在 Response 标签下的 FireBug 中，我得到一堆乱码：

我认为这是某种错误。从 JQuery Ajax 错误函数我得到：SyntaxError: JSON.parse: unexpected character。不知道这是什么情况？？？浏览器不会提示我将文件保存在任何地方。我在Firefox和IE浏览器都试过了，结果是一样的。我尝试在 application/vnd.openxml 和 application/vnd.ms-excel，但结果还是一样。

有人能告诉我哪里出错了吗？我希望浏览器提示我要放置文件的位置。谢谢。

Answer 1

我使用一个非常旧的代码库，公司的政策是“如果它没有损坏就不要修复它”，所以这是我们对 XLSX Export 的 servlet 响应的样子。

response.setHeader("Expires", "0");
response.setHeader("Content-disposition", "attachment;filename=" + exportTitle + "_" + fileDate + ".xlsx"); // I noticed you had "/" before and after the filename, try removing that, and add the extension.
response.setHeader("Cache-Control", "must-revalidate, post-check=0, pre-check=0");
response.setHeader("Pragma", "public");
response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"); // Our legacy code actually has "application/xlsx" and it works fine - but [other answers indicate better](https://stackoverflow.com/questions/974079/setting-mime-type-for-excel-document)

... 对于您的 AJAX，我会尝试删除 dataType 规范，因为您的响应标头定义了它，jQuery 应该只是“滚动”它。我相信 mimeType 和 contentType 用于定义发送到服务器的内容（您似乎已经表明它工作正常），所以我不会过多关注。