原生AJAX下载文件（下载模板）

最新推荐文章于 2024-03-28 17:49:22 发布

白桦林的低语

最新推荐文章于 2024-03-28 17:49:22 发布

阅读量545

点赞数

分类专栏： js 文章标签： javascript css html

本文链接：https://blog.csdn.net/azyslwj/article/details/114165711

版权

这篇博客探讨了如何利用原生JavaScript的AJAX技术实现文件下载功能，重点介绍了相关原理和步骤，适合前端开发者参考学习。

摘要由CSDN通过智能技术生成

仅限个人观点，做个总结，欢迎大家指正

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <button type="button" onclick="handleDownload()">下载文件</button>
    </div>
    <script>
        /**
         * time: 2021/2/27
         * author: 兔蛮蛮
         */

        // 点击事件
        function handleDownload() {
            let url = "xxxxx"; // 请求接口
            let method = "GET"; // 请求方式 GET或POST
            let downloadName = "下载文件"; // 下载后的文件名称
            let params = "name='luccy'&age='19'" // 后台接口需要的参数
            downloadFileFun(url, method, downloadName);
        }


        /**
         * 下载文件方法
         * 使用原