下载excel文档无法通过ajax的post请求来直接下载解决方法

14 篇文章 1 订阅

post请求无法直接发送请求下载excel文档,是因为我们在后台改变了响应头的内容: 
Content-Type: application/vnd.ms-excel 
导致post请求无法识别这种消息头,导致无法直接下载。

解决方法: 
改成使用form表单提交方式即可

/*===================post请求下载文件
 * options:{
 * url:'',  //下载地址
 * data:{name:value}, //要发送的数据
 * method:'post'
 * }
 */
var postDownLoadFile = 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();
}

//导出
$("#btnExport_year").on('click',
        function() {
          var param={};
          postDownLoadFile({
            url:path + '/monthlyCollection/exportExcelDoc.json',
            data:param,
            method:'post'
          });
        });
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32

参数直接放到param中就可以带到后台了,

后台再用request.getParameterNames(); 即可接受到参数


以下是请求例子:

var postDownLoadFile = 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);
    debugger;
    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();
}


//导出
$("#tableDownload").on('click',
        function() {
          var param={};
          postDownLoadFile({
            url:'../sys/advproreport/downExample',
            data:{'advProJson':JSON.stringify(advProJson)},
            method:'post'
          });
});

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
首先,你需要在前端使用ajax向后端发送请求,并在请求中设置responseType为blob,以便获取二进制流数据。同时,你需要在后端将excel文件转换成二进制流数据并返回给前端。 以下是一个使用jQuery的前端示例代码: ```javascript $.ajax({ url: 'your-backend-url', method: 'POST', responseType: 'blob', // 设置返回数据类型为二进制流 success: function(data) { // 创建一个a标签,将二进制流数据转换为URL,并设置下载属性 var a = document.createElement('a'); var url = window.URL.createObjectURL(data); a.href = url; a.download = 'file.xls'; // 将a标签添加到文档中,并自动触发点击事件下载文件 document.body.appendChild(a); a.click(); // 下载完成后,释放URL对象 window.URL.revokeObjectURL(url); } }); ``` 在后端,你可以使用EPPlus或NPOI等库来将Excel文件转换为二进制流数据,并将其作为响应返回给前端。以下是一个使用EPPlus的后端示例代码: ```csharp using OfficeOpenXml; // ... [HttpPost] public IActionResult DownloadExcel() { // 读取Excel文件 var fileInfo = new FileInfo("path/to/file.xlsx"); using (var package = new ExcelPackage(fileInfo)) { // 获取工作表 var worksheet = package.Workbook.Worksheets[0]; // 将工作表转换为二进制数据 var data = worksheet.ConvertToBinary(); // 返回二进制数据 return File(data, "application/vnd.ms-excel", "file.xls"); } } ``` 注意,以上代码仅供参考,具体实现可能会因为框架和库的不同而有所不同。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值