AJAX实现文件下载的三种方式

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

飞鱼武士

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

阅读量9.1k

点赞数 3

分类专栏： web前端文章标签： AJAX下载文件下载

本文链接：https://blog.csdn.net/xcwll_sina/article/details/24288477

版权

web前端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

方式一：使用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') ;