Skip to main content
2 de 3
Agregados comentarios al código
OscarGarcia
  • 28.5k
  • 3
  • 29
  • 64

El problema que tienes es que estás solicitando mediante una petición XHR (XMLHttpRequest) el archivo usando el método POST, enviando como parámetros el rango de fechas fechainicio y fechafinal en esa petición.

Debes entender que al completarse la petición XHR no haces nada con los datos (success(msg) {}), por lo que ni se descargan ni se almacenan en ningún lado, como es de esperar.

Tienes dos opciones:

  • Hacer el trabajo con un formulario dinámico (100% compatible con todos los navegadores).
  • Cargar los datos en un Blob y forzar su descarga.

Solución basada en Blob

Puedes crear la siguiente función en tu código para provocar la descarga de un archivo basado en los datos proporcionados en sus parámetros:

function guardar(datos, archivo) {
  /* Vamos a crear un enlace virtual al que forzaremos el clic */
  let a = document.createElement('a');
  /* Lo agregamos al DOM oculto */
  a.style.display = 'none';
  document.body.appendChild(a);
  /* Ahora creamos un objeto Bloc con los datos proporcionados */
  let blob = new Blob([ datos ], { type: 'octet/stream' });
  let url = window.URL.createObjectURL(blob);
  /* Asignamos esos datos al enlace creado y forzamos el clic */
  a.href = url;
  a.download = archivo;
  a.click();
  window.URL.revokeObjectURL(url);
}
/* Esta es una ejecución para pruebar su correcto funcionamiento */
guardar('5;2;6', 'pruebas.csv');

Tendrás que modificar tu evento success de la siguiente manera para hacer uso de la función creada:

 success(msg) {
   guardar(msg, 'Pedidos.csv');
 },
OscarGarcia
  • 28.5k
  • 3
  • 29
  • 64