post请求下载excel文档解决方法

亦凉 2022-11-04 05:24 485阅读 0赞

**上周工作中遇到了下载excel页面无响应的情况，后台断点也没有触发，因为之前遇到过类似于这样的问题，在项目中，我们使用的是系统中已有的组件发送请求到后台的，底层使用的是get的请求方式；**  
***下载excel时候，是选中页面中的数据进行下载的，所以必须拿到每一条数据的主键Id，然后将这些主键传参到后台，选中数据量过大，而且使用的是IE浏览器（已不想吐槽）；***  
那么，首先想到的是使用post的请求方式去下载excel文档的，

```sql
    $.ajax({
         url:"url", //请求后台
         dataType:"json",
         type:"post",
         data:{
       "system":system,"NUID":NUID},
         success:function(result){
              //逻辑判断代码
         },
         error: function(result){
    		 //代码出现异常的逻辑
         }
    });

一开始，使用类似于这样的请求方式去进行下载，但是，页面无响应，后台可以正常触发；  
经查阅资料发现，post请求无法直接发送请求去下载excel文档，因为我们在后台改变了响应头的内容：Content-Type:application/vnd.ms-excel,导致无法直接下载。  
那么，我们最终还是要使用post方式发送请求的；  
解决办法：使用form表单提交方式即可

/*============post请求下载文件 * options:{ * url:'', //下载地址 * data:{name:value}, //要发送的数据 * method:'post' * } */
    /** * 解决使用post方式下载EXCEL，下载大数据量的文件 * @author lzx * @version 2021年2月26日18:10:07 */
    var postDownLoadExcel = function (options) {
        var config = $.extend(true, { method: 'post' }, options);
        var $iframe = $('<iframe id="down-file-iframe" />');
        var $form = $('<form target="down-file-iframe" method="' + config.method + '" />');
        $form.attr('action', config.url);
        for (var key in config.data) {
            $form.append('<input type="hidden" name="' + key + '" value="' + config.data[key] + '" />');
        }
        $iframe.append($form);
        $(document.body).append($iframe);
        $form[0].submit();
        $iframe.remove();
    }
     
    //绑定事件
    $('#export').on('click', function() {
        // 获取选中checkbox的长度
        var allCheckedNum = SigmaUtil.getCheckedNum("checkAll", "sigma");
        // 长度为1的时候表示有一个选中
        if (allCheckedNum >= 1) {
            confirm("是否确认导出？", function(res) {
                if(res) {
                    var nuId = SigmaUtil.getAllCheckedIds("checkAll", "NU_ID", "sigma");
                    var param = {
       "eq_suosgs":$("#eq_suosgs").val(),"gte_danjrq":$("#gte_danjrq").val()};
                    postDownLoadFile({
                        url:"<%=webapp%>/ca0600/exportExcelX.act",
                        data:param,
                        method:'post'
                    });
                }
            });
        } else {
            alert("请选择至少一项");
        }
    });

参数直接放到param对象中就可以带到后台了，后台直接将参数的名字和前台传过来的名字对应就行。