JS实现点击按钮，下载文件

最新推荐文章于 2025-07-04 09:56:54 发布

田野的嘴好冰

最新推荐文章于 2025-07-04 09:56:54 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： ajax

本文链接：https://blog.youkuaiyun.com/baidu_35377957/article/details/79726982

javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种通过创建form元素来解决使用ajax无法直接下载文件的问题，并提供了具体的JavaScript代码示例。

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

前几天和后台对接导出接口时，发现把接口地址赋值给href，发现下载不了。多次排查后，由于ajax函数的返回类型只有xml、text、json、html等类型，没有“流”类型，所以通过ajax去请求该接口是无法下载文件的，所以我们创建一个新的form元素来请求接口。

js部分

//方法二：通过form
        $eleBtn2.click(function(){
            var $eleForm = $("<form method='get'></form>");

            $eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");

            $(document.body).append($eleForm);

            //提交表单，实现下载
            $eleForm.submit();
        });

其中的地址换成后台传给你的就可以了。