0

tengo un formulario el cual grafica los datos de una consulta en una página nueva, pero quiero que esta gráfica se muestre en un div de un html.

Hice esta función de JS

function grafica(){
  $('#contenedor').load('graf.php')
}

Mi consulta la hace bien puesto que en la nueva pestaña se grafica bien, el problema viene cuando ese PHP lo quiero cargar dentro de otra página, me indica el error "Undefined index: f1"

7
  • ¿Dónde te marca el error, PHP o Javascript? Por favor edita la pregunta para agregar el mensaje de error completo y el código donde aparece.
    – Triby
    Commented el 9 feb. 2022 a las 16:43
  • Ya la edité, espero me dé a entender jeje Commented el 9 feb. 2022 a las 16:59
  • Seguramente graf.php está esperando algun dato por $_POST o $_GET que no le estas dando. Cuando lo abres en la pestaña ¿lo abres tal cual o debes introducir algun dato específico? Ya sea un simple login seria suficiente para que te de el problema. Piensa que un <div> no es un iframe.
    – masterguru
    Commented el 9 feb. 2022 a las 18:10
  • Y ahora que te leo mejor me reafirmo en que tienes un problema al intentar hacer el load, pues al hacerlo así no le estas mandando datos del formulario. Para conseguir lo que quieres debes hacerlo por ajax, no por load
    – masterguru
    Commented el 9 feb. 2022 a las 18:14
  • @EmmanuelHernández, te faltó agregar el código PHP de la página donde se genera el error y casi estoy seguro que el problema es como dice masterguru.
    – Triby
    Commented el 9 feb. 2022 a las 19:05

1 respuesta 1

0

Solo tuve que hacer un script con ajax con unos id que asigné en mis campos

<script> 
  $('#Enviar').click(function(){
      var Fechain=document.getElementById('f1').value;
      var Fechafin=document.getElementById('f2').value;

      var ruta="Fein="+Fechain+"&Fefin="+Fechafin;

      $.ajax({
        url: 'graf.php',
        type: 'POST',
        data: ruta,
      })

      .done(function(res){
        $('#respuesta').html(res)
        $('#f1').val('');
        $('#f2').val('');
      })

      .fail(function(){
        console.log("error");
      })
      .always(function(){
        console.log("complete");
      })
  });  

</script>

1
  • Trata de explicar mejor como lo resolviste Commented el 13 mar. 2022 a las 10:12

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.