从Ajax下载文件（有点）

我在我的GSP中有这个ajax调用：

$.ajax({ url: '${request.contextPath + '/Ticket/passAll'}', type: 'POST', data: data, success: function() { alert("Success"); } }); 

这是我的控制器操作的代码块：

 response.setHeader("Content-disposition", "attachment; filename=sample.csv") response.contentType = "application/vnd.ms-excel" def outs = response.outputStream def cols = [:] tickets.each() { outs << it.ticketNo + ";" + it.subject outs << "\n" } outs.flush() outs.close() 

我通过$ .Ajax方法从视图传递的数据中获取票证列表。 比我将数据格式化为CSV并且我想将该数据导出为CSV文件但没有任何反应。 数据被发送到客户端，但没有文件可供下载，因为内容配置不是很好。 我错过了什么？ 我试过做类似的事情：

 $.ajax({ url: '${request.contextPath + '/Ticket/passAll'}', type: 'POST', data: aoData, dataType: 'text', success: function(result) { var uri = 'data:application/csv;charset=UTF-8,' + encodeURIComponent(result); window.open(uri, 'tiketi.csv'); } }); 

并在控制器中我生成纯字符串，但这样我得到一个没有扩展名的文件，这是不可接受的。

我怎样才能做到这一点？ 谢谢。

Answer 1

你不需要通过ajax来做。 该页面不会重定向文件下载。

Answer 2

我猜url属性应该固定，因为你的引号是碰撞的。

试试：

 $.ajax({ url: "${request.contextPath}/Ticket/passAll", type: 'POST', data: aoData, dataType: 'text', success: function(result) { var uri = 'data:application/csv;charset=UTF-8,' + encodeURIComponent(result); window.open(uri, 'tiketi.csv'); } }); 

Answer 3

据我所知，不可能通过AJAX触发文件下载。 相反，你可以做这样的事情（例如使用jQuery）：

 function downloadComplete(){ hideSpinner();} function downloadStart(){ showSpinner();} function download(){ downloadStart() var urlParams = data // or eg $(form).serialize() var downloadUrl = "${request.contextPath}/Ticket/passAll?" + urlParams $("#download-iframe").remove() $(' 

您可能遇到问题，因为它是GET请求：“安全性”或者参数太多。 但在正常情况下应该没问题。

Answer 4

我在这一点上有点晚了，但偶然发现它做了一些研究。 这个解决方案有点长，并且从这里回答的各种问题拼凑而成。 我认为这是对这个问题的直接回答，我让它在一个应用程序中工作。

第一个函数是标准的ajax调用，用于从后端调用获取数据数组。 接下来是创建csv。 第二行调用格式化csv文件的第三个函数。 第二个函数从csv创建开始，最后创建一个动态链接，该链接附加到dom并单击以进行下载。 似乎更长的路，但使用标准的ajax调用后端。