Skip to main content
Agregado ejemplo de cómo realizar el trabajo mediante un formulario con carga dinámica de parámetros
Origen Enlace
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 navegadoresver ejemplo).
  • 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 BlocBlob 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');
 },

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');
 },

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 (ver ejemplo).
  • 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 Blob 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');
 },
Agregados comentarios al código
Origen Enlace
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);
  a.style.display/* =Ahora 'none';creamos un objeto Bloc con los datos proporcionados */
  let blob = new Blob([datos][ 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');

Por lo que tendrásTendrás que modificar tu evento success de la siguiente manera para hacer uso de la función creada:

 success(msg) {
   guardar(msg, 'Pedidos.csv');
 },

El problema que tienes es que estás solicitando mediante una petición XHR (XMLHttpRequest) el archivo usando el método POST, enviando 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) {
  let a = document.createElement('a');
  document.body.appendChild(a);
  a.style.display = 'none';
  let blob = new Blob([datos], { type: 'octet/stream' });
  let url = window.URL.createObjectURL(blob);
  a.href = url;
  a.download = archivo;
  a.click();
  window.URL.revokeObjectURL(url);
}

guardar('5;2;6', 'pruebas.csv');

Por lo que tendrás que modificar tu evento success de la siguiente manera:

 success(msg) {
   guardar(msg, 'Pedidos.csv');
 },

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');
 },
Origen Enlace
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 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) {
  let a = document.createElement('a');
  document.body.appendChild(a);
  a.style.display = 'none';
  let blob = new Blob([datos], { type: 'octet/stream' });
  let url = window.URL.createObjectURL(blob);
  a.href = url;
  a.download = archivo;
  a.click();
  window.URL.revokeObjectURL(url);
}

guardar('5;2;6', 'pruebas.csv');

Por lo que tendrás que modificar tu evento success de la siguiente manera:

 success(msg) {
   guardar(msg, 'Pedidos.csv');
 },