使用fetch发送请求

最新推荐文章于 2024-09-11 15:33:18 发布

CV猿码人

最新推荐文章于 2024-09-11 15:33:18 发布

阅读量128

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_51722520/article/details/141052389

版权

const url = 'http://localhost:8080/las/las/report/export/biLiabilityDue';  
const queryParams = {  
    'companyName': '公司(TF)',  
    'companyCode': '00000F',  
    'periodName': '2019-01',  
    'reportType': 'L'  
};  
const queryString = new URLSearchParams(queryParams).toString();  
const fullUrl = `${url}?${queryString}`;  
  
const headers = new Headers({  
    'cookie': 'xxxxx',
    'Accept': 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' // 指定 Excel 文件的 MIME 类型  
});  
  
fetch(fullUrl, {  
    method: 'GET',  
    headers: headers  
}).then(response => {  
    if (!response.ok) {  
        throw new Error('Network response was not ok');  
    }  
    return response.blob(); // 读取响应体为 Blob  
}).then(blob => {  
    // 创建一个指向 blob 的 URL  
    const url = window.URL.createObjectURL(blob);  
    // 创建一个 a 标签用于下载  
    const a = document.createElement('a');  
    a.style.display = 'none';  
    a.href = url;  
    // 设置下载的文件名（这里假设文件名，或者从响应头中获取）  
    a.download = 'report.xlsx';  
    document.body.appendChild(a);  
    a.click();  
    // 清理  
    window.URL.revokeObjectURL(url);  
    document.body.removeChild(a);  
}).catch(error => {  
    console.error('There was a problem with your fetch operation:', error);  
});