博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前后端导出/下载excel方法
阅读量:6276 次
发布时间:2019-06-22

本文共 825 字,大约阅读时间需要 2 分钟。

一、通过后端处理导出

1.) 后端响应头设置

前端若想下载一个根据查询参数生成的excel报表文件,需要后端设置请求内容的类型,具体设置如下:

response.reset();    response.setContentType("application/vnd.ms-excel;charset=utf-8"); // 表明是excel类型    //response.setContentType("application/octet-stream");  // 或设成通用二进制流类型    response.setHeader("Content-Disposition", "attachment;filename=test.xls"));  // 将请求的内容存为一个名为test的文件

2.) 前端相应的代码

正常情况下,用以下两种方法均可:

window.open('/url/download?param=xxx')window.location = '/url/download?param=xxx'   // 不加href,是因为有些浏览器有兼容问题

但如果window.open是在一个ajax回调里执行,浏览器会被安全拦截,解决方案:

$.ajax({    ....    success: function() {        var win = window.open()        win.location = '/url/download?param=xxx'    }})

或直接用window.location

$.ajax({    ....    success: function() {        window.location = '/url/download?param=xxx'    }})

二、前端直接将json数据处理成excel文件

具体完整代码如下:

转载地址:http://pagpa.baihongyu.com/

你可能感兴趣的文章
Vue------第二天(计算属性、侦听器、绑定Class、绑定Style)
查看>>
dojo.mixin(混合进)、dojo.extend、dojo.declare
查看>>
Python 数据类型
查看>>
iOS--环信集成并修改头像和昵称(需要自己的服务器)
查看>>
PHP版微信权限验证配置,音频文件下载,FFmpeg转码,上传OSS和删除转存服务器本地文件...
查看>>
教程前言 - 回归宣言
查看>>
PHP 7.1是否支持操作符重载?
查看>>
Vue.js 中v-for和v-if一起使用,来判断select中的option为选中项
查看>>
Java中AES加密解密以及签名校验
查看>>
定义内部类 继承 AsyncTask 来实现异步网络请求
查看>>
VC中怎么读取.txt文件
查看>>
如何清理mac系统垃圾
查看>>
企业中最佳虚拟机软件应用程序—Parallels Deskto
查看>>
送给“正在纠结”、“准备纠结”的前端开发们
查看>>
Nginx配置文件详细说明
查看>>
怎么用Navicat Premium图标编辑器创建表
查看>>
谈DELL收购EMC
查看>>
Spring配置文件(2)配置方式
查看>>
MariaDB/Mysql 批量插入 批量更新
查看>>
ItelliJ IDEA开发工具使用—创建一个web项目
查看>>