Javascript 在JSP中将数据从表导出到Excel

Javascript 在JSP中将数据从表导出到Excel,javascript,html,jsp,export-to-excel,Javascript,Html,Jsp,Export To Excel,我有一个带有表的web应用程序。我需要添加一个“导出到excel”按钮,以便在单击该按钮时,下载页面中的当前选项卡。 我尝试了以下代码: <script type="text/javascript"> var tableToExcel = (function() { var uri = 'data:application/vnd.ms-excel;base64,' , template = '<html xmlns:o="urn:schemas-microsoft-

我有一个带有表的web应用程序。我需要添加一个“导出到excel”按钮,以便在单击该按钮时,下载页面中的当前选项卡。 我尝试了以下代码:

<script type="text/javascript">
var tableToExcel = (function() {
  var uri = 'data:application/vnd.ms-excel;base64,'
    , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
    , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
    , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
  return function(table, name) {
    if (!table.nodeType) table = document.getElementById(table)
    var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
    window.location.href = uri + base64(format(template, ctx))
  }
})()
</script>

var tableToExcel=(函数(){
var uri='data:application/vnd.ms excel;base64,'
,模板=“{table}”
,base64=函数{return window.btoa(unescape(encodeURIComponent))}
,format=函数(s,c){返回s.replace(/{(\w+)}/g,函数(m,p){返回c[p];})}
返回函数(表、名称){
如果(!table.nodeType)table=document.getElementById(table)
var ctx={工作表:名称| |'工作表',表:table.innerHTML}
window.location.href=uri+base64(格式(模板,ctx))
}
})()
我从网上得到的。它在chrome上运行良好,但在firefox中,它以
xxx.xls.part
的形式下载文件,在Internet explorer上不起作用。 我不知道用户将使用哪个浏览器,所以我需要它在所有浏览器上工作

我做错了什么? 或者有没有其他方法可以做到这一点

请帮忙

提前谢谢

注意:我知道这类问题被问了好几次,但都不适用于我的情况。所以请帮忙


注2:我有一个限制,即我不能使用任何外部库,如poi或jxls

您发布的Javascript代码生成一个
数据:
URI,其中包含一个“Excel HTML”文件,而不是真正的Excel工作簿(XLS或XLSX)文档

data:
uri()受大多数新一代浏览器(IE8及更高版本)支持,但出于安全原因,IE8仅支持图像的数据URI

大多数“导出到Excel”实现只生成一个可由Excel操作的CSV文件,但这意味着您不能包含格式、公式、多个工作表和宏等内容

使用新的Office Open XML标准,您可以使用标准的Zip文件和XML库(存在于基本Java库中)来生成和修改Office文档,但是OOXML文档非常复杂,因此这将需要大量的工作(除非您能找到其他人已经这样做了)。出于好奇,为什么不能使用外部库?这只是在项目中引用他们的Jar文件并将其绑定的问题


另一种方法是只生成“ExcelHTML”文件,就像您现在所做的那样,但是在服务器端生成,而不是依赖Javascript。我不知道您对JSP的使用有多好,但是从Servlet返回自定义内容是一项微不足道的任务。

这是客户端施加的外部限制。我不能有外部依赖项。有没有一种没有外部依赖的方法呢?我建议先用板球棒打你的客户。之后,您仍然可以使用标准的
java.util.zip
类打开或创建*.xlsx文件,然后
javax.xml
修改或创建
xl\workbook.xml
文件。玩得高兴