ajax下载EXCEL

原创于 2019-10-17 16:44:26 发布 · 786 阅读

3 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一种使用XMLHttpRequest进行跨域请求并导出数据为Excel文件的方法。通过设置xhr.withCredentials为true，支持跨域携带cookies，利用responseType='blob'接收二进制数据，再通过FileReader读取并创建a标签实现下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  /**
   * 导出请求
   * @private
   */
  _exportRequest() {
    let xhr = new XMLHttpRequest();
    let url = '';
    let data = {};
    xhr.withCredentials = true; //支持跨域发送cookies
    xhr.open('post', url, true);
    xhr.setRequestHeader("Content-type","application/json; charset=utf-8");
    xhr.responseType = 'blob';

    xhr.onload = () => {
      if(!res.status){
        utils.Export.exportExcel(res);
      }else if (res.status && res.status == -1){
        utils.MessageUtil.error('导出失败！');
      }else if(res.status && res.status != -1){
        utils.MessageUtil.warning(res.message);
      }
    };
    xhr.send(data);
  }

/**
 * 导出数据工具
 */
export default {
  exportExcel(res){
    let reader = new FileReader();
    reader.readAsDataURL(res);
    reader.onload = (e) => {
      let a = document.createElement('a');
      a.download = 'data.xlsx';
      a.href = e.target.result;
      document.body.appendChild(a);
      a.click();
      document.body.removeChild(a);
    }
  }
}