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

前端之家收集整理的这篇文章主要介绍了AJAX实现文件下载的三种方式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

猜你在找的Ajax相关文章