Web开发使用JS的异步请求下载文件浏览器无响应

Web开发使用JS的异步请求下载文件浏览器无响应

1、前端页面关键代码

...
<button class="layui-btn layui-btn-sm" lay-event="downloadReport">下载报告</button>
...

<script>
...
	if(obj.event === 'downloadReport'){
                layer.msg("正在生成报告....，请稍等.....",{icon:6,time:2000};
                $.get("testReport/downloadReportById",{"testId":data.id});
            }

....
</script>

       前端使用的是Layui的模板语法。
点击下载按钮浏览器没有响应，但谷歌开发者工具捕捉到了请求信息：

         这说明后端没有问题，下载的文件也被传过来了，但是不是我们想要的格式，上面这一推东西到底是怎么回事了？
         原来JQuery的ajax函数的返回类型只有xml、text、json、html等类型，没有“流”类型，所以我们要实现ajax下载，不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form，用这个form提交参数，并返回“流”类型的数据。在实现过程中，页面也没有进行刷新。
         弄清楚了浏览器无响应的原因，解决方法就很简单了，我也懒得写JS了，直接将按钮换为超链接，点击超链接直接下载文件就行了。

<a class="layui-btn layui-btn-sm" href="testReport/downloadReportById?tested"+d.id>下载报告</a>

         博主码字不易，看完如果有一点收获，不妨点个赞！