0

No pasan mis valores a componentes/tablaj.php. Allí quiero usarlos para crear un filtro y que me busque solo los valores iguales en mi bd.

Estoy esta hecho en un tabla dinámica con bootstrap.

Si alguien me puede ayudar estaria muy agradecido llevo 1 semana buscandole la solución y no la encuentro.

<body style="background-color: beige;">
    <br><br><br>
    <center>
        <form action=preguntaweb.php method="POST" id="form">
            <table border="0">
                <tr class="Descripcion">
                    <td>Municipio:</td>
                    <td><input list="listaMunicipio" placeholder="Municipio" id="tuform" required="required" name="Municipio"/><datalist id="listaMunicipio">
                        <option value="25 de Mayo"/>
                        <option value="9 de Julio"/>
                        <option value="Adolfo Alsina"/>
                        <option value="Adolfo Gonzales Chaves"/>
                        <option value="Alberti"/>
                        <option value="Almirante Brown"/>
                        <option value="Arrecifes"/>
                        <option value="Avellaneda"/>
                        <option value="Ayacucho"/>
                        <option value="Azul"/>
                        <option value="Bahia Blanca"/>
                        <option value="Villa Gesell"/>
                        <option value="Villarino"/>
                        <option value="Zarate"/>
                    </datalist>
                </td>
            </tr>
            <tr class="Descripcion">
                <td>Codigo Municipio:</td>
                <td><input type="text" name="txtCodMun"  id="txtCodMun" minlength= "5"maxlength="5" size="9" required="required" /></td>
                <tr class="Descripcion">
                    <td>Año: </td>

                    <td><input type="text" name="txtAño" id="txtAño" minlength="4 "maxlength="4" size="4" required="required"/></td>
                </tr>

            </center>
        </table>   <br>
        <input type="submit" name="btnLlamar" id="btnLlamar" value="Cargar Municipio"/>
        <input type="button" name="btnLlamar" id="btnLla" value="Cargar Municipio"/>
        <br><br>
    </form>

    <?php

    if (isset($_POST['txtCodMun'])|| isset($_POST['txtAño'])){
        $ente=$_POST['txtCodMun'];
        $año=$_POST['txtAño'];
        $enteaño=$ente.$año;
        $sql= "SELECT * from tablero where enteano =".$enteaño;
        $result=mysqli_query($conexion,$sql);
        $fila=mysqli_fetch_array($result);
        if (mysqli_num_rows($result)>0){
            echo "<h2>" .$_POST['Municipio']." año ".$_POST['txtAño']."</h2>";

            ?>
            <br><br>


            <center>
                <form action=Eleccion.php method="POST">
                    <table border="0">
                        <tr class="Descripcion">
                         <td>Municipio:</td>
                         <td><input list="listaMunicipio2" required="required" name="Municipio2" value="<?php echo $fila['municipio'];?>"/><datalist id="listaMunicipio2">
                           <option value="25 de Mayo"/>
                           <option value="9 de Julio"/>
                           <option value="Adolfo Alsina"/>
                           <option value="Adolfo Gonzales Chaves"/>
                           <option value="Alberti"/>
                           <option value="Almirante Brown"/>
                           <option value="Arrecifes"/>
                           <option value="Avellaneda"/>
                           <option value="Ayacucho"/>
                           <option value="Azul"/>
                           <option value="Bahia Blanca"/>
                           <option value="Villa Gesell"/>
                           <option value="Villarino"/>
                           <option value="Zarate"/>
                       </datalist>
                   </td>
               </tr>
               <tr class="Descripcion">
                <td>Codigo Municipio:</td>
                <td><input type="text" name="txtCodMun"  minlength= "10"maxlength="10" size="9" required="required" value="<?php echo $fila['codmuni'];?>"/></td>
            </tr>
            <tr class="Descripcion">
                <td>Año: </td>
                <td><input type="text" name="txtAño"  minlength="4 "maxlength="4" size="4" required="required" value="<?php echo $fila['ano'];?>"/></td>

            </table>    <br><br>
            <input type="submit" name="btnGuardar" value="Guardar Cambios"/>
        </form>
    </center>

    <!-- TABLA JUICIOS-->
    <div class="container">
        <div id="tablaj"></div>

    </div>

    <!-- Modal para registros nuevos -->

    <div class="modal fade" id="modalNuevo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h4 class="modal-title" id="myModalLabel">Agrega Nuevo Juicio</h4>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close" ><span aria-hidden="true">&times;</span></button>
        </div>
        <div class="modal-body">
            <label>Nombre</label>
            <input type="text" name="" id="nombre" class="form-control input-sm">
            <label>Monto</label>
            <input type="number" name="" id="monto" class="form-control input-sm">
            <label>Actora/Demandada</label><center>A</center>
            <input type="radio" name="aa" id="jad"  class="form-control input-sm" value="Actora" /><center>D</center><input type="radio" name="aa" id="jad1" class="form-control input-sm"  value="Demandada" />
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary" data-dismiss="modal" id="gnuevo">
                Agregar
            </button>
        </div>
    </div>
</div>
</div>

<!-- Modal para edicion de datos -->

<div class="modal fade" id="modalEdicion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog modal-sm" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Editar Juicio</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
    </div>
    <div class="modal-body">
        <input type="text" hidden="" id="idj" name="">
        <label>Nombre</label>
        <input type="text" name="" id="nombreu" class="form-control input-sm">
        <label>Monto</label>
        <input type="number" name="" id="montou" class="form-control input-sm">
        <label>Actora/Demandada</label><center>A</center>
        <input type="radio" name="aa2" id="jadu"  class="form-control input-sm" value="Actora" /><center>D</center><input type="radio" name="aa2" id="jadu1" class="form-control input-sm"  value="Demandada" />
    </div>
    <div class="modal-footer">

        <button type="button" class="btn btn-warning" data-dismiss="modal" id="actualizadatos">Actualizar</button>
    </div>
</div>
</div>
</div>

<?php
}else {
    require_once "php/conexion.php";
    $conexion=conexion();
    $ente=$_POST['txtCodMun'];
    $año=$_POST['txtAño'];
    $enteaño=$ente.$año;
    $muni=$_POST['Municipio'];

    echo $ente;
    echo $año;
    echo $muni;
    echo $enteaño;




    $sql="INSERT into tablero (enteano, municipio, codmuni, ano)
    values('$enteaño','$muni','$ente','$año')";
?>
//igual que arriba 
<?php
}
};
?>
</body>
</html>


<!-- JUICIOS -->
<script type="text/javascript">

    $(document).ready(function(){
        $('#tablaj').load('componentes/tablaj.php');

    });

</script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#gnuevo').click(function(){
            nombre=$('#nombre').val();
            monto=$('#monto').val();
            jad=$('input:radio[name=aa]:checked').val()
            agregardatos(nombre,monto,jad);
        });
    });


    $('#actualizadatos').click(function(){

      actualizaDatos();
  });
</script>


<script type="text/javascript">
   $(document).ready(function(){
       $('#btnLlamar').click(function( event ){
         event.preventDefault();
            var ente=$('#txtCodMun').val();
            var año=$('#txtAño').val(); 
            console.log(ente);
            console.log(año);
//envio a tablaj.php
       $.ajax({
            type:"POST",
            url:"componentes/tablaj.php",
            data:'ente=' + ente +'&año='+ año,
            success:function(){
                alert("se envio con exito");
            }
        });

});
</script>
1
  • la solucion fue pasar las variables por el directorio (modo de envio GET) de la siguiente manera <!-- JUICIOS --> <script type="text/javascript"> $(document).ready(function(){ $('#tablaj').load('componentes/tablaj.php?ente=ente&anio=anio'); }); </script> Commented el 29 may. 2019 a las 14:13

2 respuestas 2

1

En primera no te hace nada la función click porque no existe ese ID, necesitas agregarlo en tu etiqueta, así mismo los valores que intentas obtener de tus input no tienen ID, por eso no hace nada te recomiendo siempre utilices la consola, para ver si tienes errores con el JS, utiliza preventDefault(); para que ese input submit no te lleve a otra página.

$(document).ready(function(){

        $('#btnLlamar').click(function( event ){
    event.preventDefault();
                    var ente=$('#txtCodMun').val();
                    var año=$('#txtAño').val(); 
                    console.log(ente);
                    console.log(año);
        //envio a tablaj.php
               $.ajax({
                    type:"POST",
                    url:"componentes/tablaj.php",
                    data:'ente=' + ente +'&año='+ año,
                    success:function(){
                        alert("se envio con exito");
                    }
                });
    
        });

});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--esta es la carga de los datos-->    
    <body>
    <html>
        <form action="testp1.php" method="POST" id="form">
          <table border="0">
             <tr class="Descripcion">
    <!--valor del primer input-->
             <td>Codigo Municipio:</td>
             <td><input type="text" name="txtCodMun" id="txtCodMun"></td>
        <!--valor del segundo input-->
             <tr class="Descripcion">
             <td>Año: </td>
             <td><input type="text" name="txtAño" id="txtAño"></td>
             </tr>
             </table><br>
             <!--boton al que llamo en ajax-->
             <input type="submit" name="btnLlamar" id="btnLlamar" value="Cargar Municipio">
             <br><br>
              </form>
              </html>
              </body>

11
  • creo que el event.preventDefault no es encesario porque me redirecciona a la misma pagina, todo esto esta programado en testp1.php, corregime si estoy equivocado porfavor :) todos los dias se aprende algo nuevo, y otra consulta para que sirve el console.log? Commented el 24 may. 2019 a las 16:31
  • La función del AJAX es para recargar una cierta parte de tu página y no recargarla toda, no tendría sentido entonces utilizarlo si la vas a recargar toda solo para hacer una consulta a tu base de datos, por eso se utiliza el preventDefault();, console.log() es una forma de enviar datos a la consola del navegador, se puede utilizar por ejemplo para saber si estás entrando a una función y si esa función obtiene los valores de tales etiquetas, si no las obtiene te mandará un mensaje de error, de que esta indefinidam y demás errores, puedes hacer uso de ella oprimiendo f12 en tu navegador. Commented el 24 may. 2019 a las 16:37
  • con tu codigo tal cual esta me sale el alert de "se envio con exito", pero no hace nada en la tabla que se encuentra abajo creo que es por el event.preventDefault(); y si lo saco no sale el alert "se envio con exito" Commented el 24 may. 2019 a las 17:01
  • puede ser que este faltando alguna linea de codigo en el function?, porque al <form id="form"> le pusimos un id pero ahora mirando el codigo no lo estamos llamando en ningun lado Commented el 24 may. 2019 a las 17:14
  • Cuál tabla, sólo veo una donde están tus inputs, agrega el HTML completo. Commented el 24 may. 2019 a las 18:02
0

en el request que envias debererias enviar los datos del formulario de la siguiente manera

<script>
$('#btnLlamar').click(function(e){
    e.preventDeafault();
    var data = jQuery("#tuform").serializeArray()
    var request = jQuery.ajax({
                url: 'componentes/tablaj.php',
                data: data,
                dataType: 'json',
                type: 'POST'
            });

    request.done(function (response) {
        if (!response.status) {
            console.log(new Error(response.message));
        } else {
            console.log(response);
        }
    });

    request.fail(function (jqXHR, textStatus) {
        console.log(new Error(textStatus));
    });
</script>

En el HTML, en el formulario habria que agregar el id del form

<form action=testp1.php method="POST" id="tuform">

La data del form llegara a tu controlador con el nombre de tus inputs, osea txtCodMun y txtAño

Saludos,

7
  • lo cambie tan cual me dijiste pero hay algo que no entendi, a mi tablaj.php los datos los tengo que tomar asi <?php $ente=$_POST['txtCodmuni'];?> y use un echo$ente para ver si llegaban y no aparece nada en pantalla dice que estan sin definir. y otra consulta tengo entendido que el preventDeafault es para evitar que me redireccione no?, pero en mi caso no seria un problema ya que el btnLlamar redirecciona a la misma pagina, osea todo este codigo esta hecho en tablap1.php Commented el 24 may. 2019 a las 16:23
  • En el controlador o en PHP deberias esperar por POST las variables txtCodMun y txtAño o al menos eso tiene definido como nombre de los campos en tu tabla que publicaste. Sobre el e.preventDeafault() es para que no se envie el formulario a la direccion que le indicaste en el action del form sino que lo envíe por AJAX, que es eso lo que buscas de acuerdo a la pregunta.
    – jolsalazar
    Commented el 24 may. 2019 a las 16:36
  • <?php $ente= $_POST['txtCodMun']; echo $ente; ?> lo recibi de la siguiente manera en mi tablaj.php y me sale en pantalla Undefined index: txtCodMun:(. tendria que usar alguna function para recibirla antes de hacer algo? Commented el 24 may. 2019 a las 16:42
  • Has una prueba, cambia el tipo submit del boton enviar y cambialo por button <input type="button" name="btnLlamar" id="btnLlamar" value="Cargar Municipio"> me avisas
    – jolsalazar
    Commented el 24 may. 2019 a las 16:46
  • si lo hago button no hace absolutamente nada :( Commented el 24 may. 2019 a las 17:02

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.