使用ajax的post方式下载excel

6 篇文章 0 订阅
5 篇文章 0 订阅

项目需求,前端发起ajax请求,后端生成excel并下载,同时需要在header头中,带上token验证信息,参考了很多文章,最终实现如下:

PHP后端使用base64:

$filename = 'demo.xlsx';
$objWriter
= \PHPExcel_IOFactory::createWriter($objectPHPExcel, 'Excel2007'); ob_start(); $objWriter->save("php://output"); $xlsData = ob_get_contents(); ob_end_clean(); return Api::success(['filename' => $filename, 'file' => "data:application/vnd.ms-excel;base64," . base64_encode($xlsData)]);

 

JS前端:

$('.download').click(function(){

        var url = "http://xxxx.com/group/bi/export";
        var params = {
            from_date: '2017-09-01',
            to_date: '2017-09-08',
            group_id: 1
        };
        $.ajax({
            type:'POST',
            url: url,
            data: params,
            beforeSend: function(request) {
                request.setRequestHeader("Authorization", "token信息,验证身份");
            },
            success: function(redata) {

                // 创建a标签,设置属性,并触发点击下载
                var $a = $("<a>");
                $a.attr("href", redata.data.file);
                $a.attr("download", redata.data.filename);
                $("body").append($a);
                $a[0].click();
                $a.remove();
            }
        });
    });
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
智慧校园整体解决方案是响应国家教育信息化政策,结合教育改革和技术创新的产物。该方案以物联网、大数据、人工智能和移动互联技术为基础,旨在打造一个安全、高效、互动且环保的教育环境。方案强调从数字化校园向智慧校园的转变,通过自动数据采集、智能分析和按需服务,实现校园业务的智能化管理。 方案的总体设计原则包括应用至上、分层设计和互联互通,确保系统能够满足不同用户角色的需求,并实现数据和资源的整合与共享。框架设计涵盖了校园安全、管理、教学、环境等多个方面,构建了一个全面的校园应用生态系统。这包括智慧安全系统、校园身份识别、智能排课及选课系统、智慧学习系统、精品录播教室方案等,以支持个性化学习和教学评估。 建设内容突出了智慧安全和智慧管理的重要性。智慧安全管理通过分布式录播系统和紧急预案一键启动功能,增强校园安全预警和事件响应能力。智慧管理系统则利用物联网技术,实现人员和设备的智能管理,提高校园运营效率。 智慧教学部分,方案提供了智慧学习系统和精品录播教室方案,支持专业级学习硬件和智能化网络管理,促进个性化学习和教学资源的高效利用。同时,教学质量评估中心和资源应用平台的建设,旨在提升教学评估的科学性和教育资源的共享性。 智慧环境建设则侧重于基于物联网的设备管理,通过智慧教室管理系统实现教室环境的智能控制和能效管理,打造绿色、节能的校园环境。电子班牌和校园信息发布系统的建设,将作为智慧校园的核心和入口,提供教务、一卡通、图书馆等系统的集成信息。 总体而言,智慧校园整体解决方案通过集成先进技术,不仅提升了校园的信息化水平,而且优化了教学和管理流程,为学生、教师和家长提供了更加便捷、个性化的教育体验。
可以使用 EasyExcel 结合 Ajax 实现模板导出 Excel 的功能,具体步骤如下: 1. 在前端页面中使用 Ajax 向后端发送请求请求获取 Excel 数据; 2. 后端根据请求参数生成 Excel 数据,并利用 EasyExcel 将数据写入 Excel 模板; 3. 后端将生成的 Excel 文件流返回给前端; 4. 前端利用 Blob 对象创建文件流,并使用 FileSaver.js 将文件保存至本地。 以下是一个简单的示例代码: 前端代码: ```javascript function exportExcel() { $.ajax({ url: '/excel/export', type: 'POST', dataType: 'json', success: function(res) { var blob = new Blob([res], { type: 'application/vnd.ms-excel' }); saveAs(blob, 'example.xlsx'); }, }); } ``` 后端代码: ```java @PostMapping("/excel/export") public void exportExcel(HttpServletResponse response) throws IOException { // 获取 Excel 数据并填充至模板中 List<ExcelData> dataList = getDataList(); InputStream inputStream = getClass().getResourceAsStream("/templates/example.xlsx"); OutputStream outputStream = response.getOutputStream(); EasyExcel.write(outputStream).withTemplate(inputStream).sheet().doFill(dataList); // 设置响应头 response.setContentType("application/vnd.ms-excel"); response.setHeader("Content-disposition", "attachment;filename=example.xlsx"); response.flushBuffer(); } ``` 其中,`getDataList()` 方法用于获取 Excel 数据,`example.xlsx` 是 Excel 模板文件。需要注意的是,EasyExcel 需要在后端项目中引入依赖,同时在前端页面中引入 FileSaver.js。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值