SpringBoot利用Ajax在页面按钮下载

最新推荐文章于 2022-08-26 11:14:52 发布

YafengLiang

最新推荐文章于 2022-08-26 11:14:52 发布

阅读量918

点赞数

文章标签： ajax java

本文链接：https://blog.csdn.net/sutongxuevip/article/details/105191885

版权

介绍

关于下载的代码量其实不多，给链接加上a标签，达到点击下载的功能

GIIF展示

在这里插入图片描述

后台代码

@RequestMapping(value = "export")
    @ResponseBody
    public ResponseEntity exportFile (HttpServletResponse response,HttpSession session, HttpServletRequest request) throws UnsupportedEncodingException {
        response.setCharacterEncoding("utf-8");
        //设置响应的内容类型
        response.setContentType("application/octet-stream");
        //设置文件的名称和格式
        response.addHeader("Content-Disposition", "attachment;filename=123.xml");
       String str = "123";
        byte[] bytes = str.getBytes("UTF-8");
        return new ResponseEntity(bytes,HttpStatus.OK);
    }

前台代码

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="margin: 100px 100px 100px">
<a href="http://localhost:8080/export">下载</a>
<br><br>
<button type="button" id="down">download</button>
</body>
<script src="jquery.min.js" th:src="@{/jquery.min.js}" ></script>
<script>
    $("#down").on("click",function () {
        $.ajax({
            url:"/export",
            type:"get",
            success:function (date) {
                   const link = document.createElement('a');
                   link.href = 'export';
                       link.click()
            },
            error:function () {
                alert("error")
            }
        })
    })
</script>
</html>

YafengLiang

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
SpringBoot利用Ajax在页面按钮下载

目录介绍GIIF展示后台代码前台代码介绍关于下载的代码量其实不多，给链接加上a标签，达到点击下载的功能GIIF展示后台代码@RequestMapping(value = "export") @ResponseBody public ResponseEntity exportFile (HttpServletResponse response,HttpSession s...
复制链接

扫一扫