关于$ajax请求下载文件流以及fetch

项目当中有下载excel文件 因为当时用的是jq所以用的$ajax请求代码如下‘$ajax({
type: ‘post’,
url: ‘xxxx…com’,
contentType: ‘application/json charset=UTF-8’,
responseType: ‘blob’,
success: function(res) {
var blob = new BLOB ([res], type: {application/json charset=UTF-8 });
var blobUrl = window.URL.createObjectURL(blob);
var downloadBlock = document.createElement(‘a’);
downloadBlock.style.display = ‘none’;
downloadBlock.href = blobUrl;
// 触发点击
downloadBlock.download = ‘name.xlsx’
document.body.appendChild(downloadBlock);
downloadBlock.click();
// 然后移除
document.body.removeChild(downloadBlock)
}
})`

以上是可以下载 但是打不开 显示文件会损坏
最开始以为的是blob当中的type不对 最后发现是jq的ajax请求会损坏除了text以外的文件流

如下有两种解决办法

1. 可以让rd 将文件存储在端 将文件的url返回 直接window.open()
2. 可以用原生的new XMLHttpRequest

关于fetch

下载文件流相当于then的时候处理了new blob的操作