He realizado algunas funciones de exportación de archivos EXCEL antes, pero todas se implementan mediante solicitudes GET. El método que uso es así.
// export excel module handleExportTemplate:_debounce(function(){ window.location.href = process.env.BASE_API + `/export/excelDownload` }),Usé el método [window.location.href] para permitir que el navegador descargara Excel automáticamente, pero hoy el ingeniero de back-end me pidió que usara una solicitud POST y le pasara los parámetros en el cuerpo. Los datos son similares a esto:
data:{ userIdList:["1","2","3","4","5"], ifShow:true, ifDownLoadNow:true, }pero usando window.location.href , no sé cómo devolver estos parámetros al ingeniero de back-end
Además, intenté enviárselo mediante una solicitud POST normal y me devolvió un archivo con éxito, pero no pude hacer que el navegador lo descargara automáticamente a través de window.location.href
Traté de convencerlo de usar la solicitud GET para esta función, pero no me escucha. ¿Es realmente apropiado usar POST para solicitudes de descarga? ¿Está equivocado o sé muy poco? Si es mi culpa, ¿cómo puedo completar la solicitud POST y poder descargar EXCEL?
No hay problema en usar una solicitud POST para descargar un archivo. Especialmente cuando creas tu archivo con muchos datos. En ese caso, una solicitud de obtención está limitada en longitud, mientras que POST no lo está.
No conozco ninguna forma de enviar una solicitud POST usando solo window.location.href , pero lo que desea se puede lograr con JavaScript.
Una forma es usar la API de fetch :
const resp = await fetch('/your/url',{ method : 'POST', body : { /**@ your data **/ } }); const fileContent = await resp.text();Y luego, puede hacer que el navegador descargue el archivo usando una función como esta:
function download(filename, text) { var element = document.createElement('a'); element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text)); element.setAttribute('download', filename); element.style.display = 'none'; document.body.appendChild(element); element.click(); document.body.removeChild(element); } Creará un enlace invisible temporalmente con el atributo de download y automáticamente hará clic en él para descargar el archivo en memoria.