当用GET方式来实现文件(excel、pdf、doc)导出或下载的时候,传参比较简单直接放到url里面,常用的导出方法有:
1>window.open(url参数),来实现文件的导出。
2>动态添加a标签,<a target="_blank" href="url参数"></a>来实现文件的导出。
当使用post来实现文件导出或下载的时候传参是一个问题,要知道不管是window.open还是a标签只能get方式请求,在网上查找了关于用post实现传参来导出文件或下载,然而并没有合适的解决办法。查了javascript权威指南结合自己的项目,找到了一种非常非常非常好的方法来实现文件以GET方式导出。长话短说,下面是解决方案:
所有浏览器都支持XMLHttpRequest对象(不了解的童鞋查看javascript权威指南),它定义了用脚本操作HTTP的API。这个API包含实现POST请求的能力。XHR2还定义了一种将URL指定的内容以Blob(二进制)的形式下载下来。
例子:使用XMLHttpRequest下载Blob
function(){
var
xhr =
new
XMLHttpRequest();//创建新的XHR对象
xhr
.
open
(
'post'
,
url
);//指定获取数据的方式和url地址
xhr.
setRequestHeader(
'Content-Type',
'application/json; charset=UTF-8')
xhr.
responseType =
'blob';//以blob的形式接收数据,一般文件内容比较大
xhr.
onload =
function(
e) {
var
blob =
this.
response;//Blob数据
if (
this.
status ==
200) {
if (
blob &&
blob.
size >
0) {
saveAs(
blob,
fileName);//处理二进制数据,让浏览器认识它
}
}