AJAX实现文件下载的三种方式_ajax 下载文件-优快云博客

本文介绍了三种实现网页文件自动下载的技术方案：通过隐藏的iframe触发下载；构建并提交一个新的Form表单；使用window.open方法打开新窗口进行下载，并对新窗口的位置进行了特殊设置以使其不可见。

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

方式一：使用hidden的iframe提交。

var downloadURL = "AA.action";
var iframe = document.createElement("iframe");
iframe.src = downloadURL;
iframe.style.display = "none";
document.body.appendChild(iframe);

方式二：创建新的Form提交。

var downloadURL = "AA.action";
var form = $("<form>");   //定义一个form表单
form.attr('style','display:none');   //在form表单中添加查询参数
form.attr('target','');
form.attr('method','post');
form.attr('action',downloadURL);
                    
var input1 = $('<input>'); 
input1.attr('type','hidden'); 
input1.attr('name','downPlanIds'); 
input1.attr('value','1');  

$('body').append(form);  //将表单放置在web中
form.append(input1);   //将查询参数控件提交到表单上
form.submit();   //表单提交

方式三：使用windows.open方法提交，但新窗口让它藏着页面底下。

var wWidth = document.body.clientWidth ;
var wHeight =document.body.clientHeight +1000;
window.open('AA.action','newwindow','height=5,width=5,top='+wHeight+',left='+wWidth+',toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no') ;