Skip to main content
Agregado ejemplo mediante la descarga de un Blob
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 y enviando el identificador del archivo mediante la variable id:

$.ajax({
    data: {
        'id': id,
    },
    url: "php/PlnDir/load_doc.php",
    type: "POST",
    success: function (data) {
        window.open("php/PlnDir/load_doc.php");
    }
});

Hasta ahí todo está correcto, pero no se puede disparar la descarga de un archivo mediante una petición XHR si no se agrega código adicional (en una siguiente edición expondré cómo hacerlo).

Para solventar ese problema has intentado abrir el PHP en una ventana nueva:

window.open("php/PlnDir/load_doc.php");

El problema es que la ventana abierta cargará el archivo PHP mediante el método GET normal, sin enviar ningún dato en la variable id (y tampoco lo hace por POST como se esperaba), por lo que esta nueva petición fallará y no encontrará ningún archivo que descargar si intentas hacer la búsqueda SQL con $_POST['id'].

Para detectar un envío fallido del parámetro id podría haber hecho la siguiente comprobación en el archivo PHP lo siguiente:

<?php
if (isset($_POST['id']) === false) {
  die('Datos de "id" no recibidos');
}

Hay dos soluciones al problema. La más sencilla es enviar correctamente el parámetro por POST a la nueva ventana. Para ello podemos crear un formulario cuyo campo id no sea visible y que éste se cargue en _blank (ventana nueva):

<form action="php/PlnDir/load_doc.php" method="post"
    name="formulario" target="_blank">
  <input type="hidden" name="id" value="" />
</form>
<script>
function loadDoc(id){ //funcion que me carga un documento y lo guarda en download
  document.formulario.id.value = id;
  document.formulario.submit();
}
</script>

La más compleja pasa por crear un Blob a partir de los datos recibidos por XHR, cargarlos en una etiqueta <a> y forzar su pulsación. En esta otra respuesta he creado un ejemplo de cómo hacerlo.

El problema que tienes es que estás solicitando mediante una petición XHR (XMLHttpRequest) el archivo usando el método POST y enviando el identificador del archivo mediante la variable id:

$.ajax({
    data: {
        'id': id,
    },
    url: "php/PlnDir/load_doc.php",
    type: "POST",
    success: function (data) {
        window.open("php/PlnDir/load_doc.php");
    }
});

Hasta ahí todo está correcto, pero no se puede disparar la descarga de un archivo mediante una petición XHR si no se agrega código adicional (en una siguiente edición expondré cómo hacerlo).

Para solventar ese problema has intentado abrir el PHP en una ventana nueva:

window.open("php/PlnDir/load_doc.php");

El problema es que la ventana abierta cargará el archivo PHP mediante el método GET normal, sin enviar ningún dato en la variable id (y tampoco lo hace por POST como se esperaba), por lo que esta nueva petición fallará y no encontrará ningún archivo que descargar si intentas hacer la búsqueda SQL con $_POST['id'].

Para detectar un envío fallido del parámetro id podría haber hecho la siguiente comprobación en el archivo PHP lo siguiente:

<?php
if (isset($_POST['id']) === false) {
  die('Datos de "id" no recibidos');
}

Hay dos soluciones al problema. La más sencilla es enviar correctamente el parámetro por POST a la nueva ventana. Para ello podemos crear un formulario cuyo campo id no sea visible y que éste se cargue en _blank (ventana nueva):

<form action="php/PlnDir/load_doc.php" method="post"
    name="formulario" target="_blank">
  <input type="hidden" name="id" value="" />
</form>
<script>
function loadDoc(id){ //funcion que me carga un documento y lo guarda en download
  document.formulario.id.value = id;
  document.formulario.submit();
}
</script>

La más compleja pasa por crear un Blob a partir de los datos recibidos por XHR, cargarlos en una etiqueta <a> y forzar su pulsación.

El problema que tienes es que estás solicitando mediante una petición XHR (XMLHttpRequest) el archivo usando el método POST y enviando el identificador del archivo mediante la variable id:

$.ajax({
    data: {
        'id': id,
    },
    url: "php/PlnDir/load_doc.php",
    type: "POST",
    success: function (data) {
        window.open("php/PlnDir/load_doc.php");
    }
});

Hasta ahí todo está correcto, pero no se puede disparar la descarga de un archivo mediante una petición XHR si no se agrega código adicional (en una siguiente edición expondré cómo hacerlo).

Para solventar ese problema has intentado abrir el PHP en una ventana nueva:

window.open("php/PlnDir/load_doc.php");

El problema es que la ventana abierta cargará el archivo PHP mediante el método GET normal, sin enviar ningún dato en la variable id (y tampoco lo hace por POST como se esperaba), por lo que esta nueva petición fallará y no encontrará ningún archivo que descargar si intentas hacer la búsqueda SQL con $_POST['id'].

Para detectar un envío fallido del parámetro id podría haber hecho la siguiente comprobación en el archivo PHP lo siguiente:

<?php
if (isset($_POST['id']) === false) {
  die('Datos de "id" no recibidos');
}

Hay dos soluciones al problema. La más sencilla es enviar correctamente el parámetro por POST a la nueva ventana. Para ello podemos crear un formulario cuyo campo id no sea visible y que éste se cargue en _blank (ventana nueva):

<form action="php/PlnDir/load_doc.php" method="post"
    name="formulario" target="_blank">
  <input type="hidden" name="id" value="" />
</form>
<script>
function loadDoc(id){ //funcion que me carga un documento y lo guarda en download
  document.formulario.id.value = id;
  document.formulario.submit();
}
</script>

La más compleja pasa por crear un Blob a partir de los datos recibidos por XHR, cargarlos en una etiqueta <a> y forzar su pulsación. En esta otra respuesta he creado un ejemplo de cómo hacerlo.

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 y enviando el identificador del archivo mediante la variable id:

$.ajax({
    data: {
        'id': id,
    },
    url: "php/PlnDir/load_doc.php",
    type: "POST",
    success: function (data) {
        window.open("php/PlnDir/load_doc.php");
    }
});

Hasta ahí todo está correcto, pero no se puede disparar la descarga de un archivo mediante una petición XHR si no se agrega código adicional (en una siguiente edición expondré cómo hacerlo).

Para solventar ese problema has intentado abrir el PHP en una ventana nueva:

window.open("php/PlnDir/load_doc.php");

El problema es que la ventana abierta cargará el archivo PHP mediante el método GET normal, sin enviar ningún dato en la variable id (y tampoco lo hace por POST como se esperaba), por lo que esta nueva petición fallará y no encontrará ningún archivo que descargar si intentas hacer la búsqueda SQL con $_POST['id'].

Para detectar un envío fallido del parámetro id podría haber hecho la siguiente comprobación en el archivo PHP lo siguiente:

<?php
if (isset($_POST['id']) === false) {
  die('Datos de "id" no recibidos');
}

Hay dos soluciones al problema. La más sencilla es enviar correctamente el parámetro por POST a la nueva ventana. Para ello podemos crear un formulario cuyo campo id no sea visible y que éste se cargue en _blank (ventana nueva):

<form action="php/PlnDir/load_doc.php" method="post"
    name="formulario" target="_blank">
  <input type="hidden" name="id" value="" />
</form>
<script>
function loadDoc(id){ //funcion que me carga un documento y lo guarda en download
  document.formulario.id.value = id;
  document.formulario.submit();
}
</script>

La más compleja pasa por crear un Blob a partir de los datos recibidos por XHR, cargarlos en una etiqueta <a> y forzar su pulsación.