AJAX实现文件下载



AJAX实现文件下载


JQuery的ajax函数的返回类型只有xml、text、json、html等类型,没有“流”类型,所以我们要实现ajax下载,
不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form,用这个form提交参数,并返回“流”类
型的数据。在实现过程中,页面也没有进行刷新。

方法一:
var form=$("<form>");//定义一个form表单
form.attr("style","display:none");
form.attr("target","");
form.attr("method","post");
form.attr("action","exportData");
var input1=$("<input>");
input1.attr("type","hidden");
input1.attr("name","exportData");
input1.attr("value",(new Date()).getMilliseconds());
$("body").append(form);//将表单放置在web中
form.append(input1);

form.submit();//表单提交
form.remove();


方法二:
function AnalyDownload_zkh(){
 postDownload(getRootPath()+"exportUserAnalysisTagsExcel");
}
function postDownload(URL) {
 var temp = document.createElement('form');
 temp.action = URL;
 temp.method = 'post';
 temp.style.display = 'none';
 document.body.appendChild(temp);
 temp.submit();
 return temp;
}
function getRootPath(){
 var pathName = window.location.pathname.substring(1);
 var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));
 if(webName==''){
  return window.location.protocol + '//' + window.location.host +'/';
 }else{
  return window.location.protocol + '//' + window.location.host + '/'+ webName+'/';
 }
};

方法三:
可以直接使用a标签实现文件下载;

<a href=”下载地址”>点击下载</a>

猜你喜欢

转载自blog.csdn.net/wenweining/article/details/77848436
今日推荐