Nueva pregunta

Pregunta:

 
  0  
 
 
David G.A. Karma: 22 España
 
 Fecha: 22-11-2020 08:28:05 (En Español)

enviar un id de php a través de un enlace a una ventana modal de bootstrap 4 para hacer una consulta en el modal[Resuelta]

Buenas, quiero hacer una consulta en una ventana modal con php/mysqli pero no consigo almacenar el valor en una variable php para hacer la consulta.

En pagina.php?v=id se haría una cosulta de datos según el valor de

Este es un ejemplo de prueba...

<html lang="es">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
<title>modal</title>

<!-- Estilos -->

<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen"/>
<link href="../css/estiloweb.css" rel="stylesheet"/>

<!-- Javascript -->

<!-- Bootsrap -->
<script src="../js/jquery.min.js"></script>
<script src="../js/popper.min.js"></script>
<script src="../js/bootstrap.min.js"></script>


</head>

<body>

<a class="openBtn2" data-id="<?php echo $b;?>"> Abrir modal </a>
<!-- quiero mandar el valor data-id a la url de abajo -->

<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">

<!-- Modal contenido-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">ventana modal</h6>
</div>
<div class="modal-body">

</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>

</div>
</div>


<script>
$('.openBtn2').on('click',function(){
$('.modal-body').load('../es/pagina.php?v=[[[valor de data-id de arriba]]]]',function(){
$('#myModal').modal({show:true});
});
});
</script>

</body>
</html> Etiquetas: HTML - PHP - PHP Avanzado Votos: 0 - Respuestas: 4 - Vistas: 15 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      2  
     
     
    Juan Quinto Karma: 2761 Perú
     
    Fecha: 22-11-2020 13:16:58 Hola tu solucion solo es acceder al data-id y guardarlo en una variable

    
$('.openBtn2').on('click',function(){

var valor = $(this).data("id");

$('.modal-body').load('../es/pagina.php?v='+valor,function(){
$('#myModal').modal({show:true});
});
});
      Votos: 2 - Link respuesta
     
  •  
      0  
     
     
    David G.A. Karma: 22 España
     
    Fecha: 23-11-2020 04:50:24 Muchas gracias. De lo sencillo que es ni se me ocurrió, estaba dándole vueltas con php. Mil gracias.   Votos: 0 - Link respuesta
     
  •  
      1  
     
     
    Ernesto Peimbert Karma: 5324 México
     
    Fecha: 23-11-2020 05:07:10 Hola David,
    Que bueno que lo pudiste solucionar.
    Aquí tienes otra manera:

    <html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"/>
        <title>modal</title>

        <!-- Estilos -->

        <link href="../css/bootstrap.min.css" rel="stylesheet" media="screen"/>
        <link href="../css/estiloweb.css" rel="stylesheet"/>

        <!-- Javascript -->

        <!-- Bootsrap -->
        <script src="../js/jquery.min.js"></script>
        <script src="../js/popper.min.js"></script>
        <script src="../js/bootstrap.min.js"></script>
    </head>
    <body>
        <a class="openBtn2" data-id="<?= $b ?>"> Abrir modal </a>
        <!-- quiero mandar el valor data-id a la url de abajo -->

        <!-- Modal -->
        <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog">

                <!-- Modal contenido-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h6 class="modal-title">ventana modal</h6>
                    </div>
                    <div class="modal-body">

                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    </div>
                </div>

            </div>
        </div>

        <script>
            $().ready(function () {
                $('.openBtn2').on('click', function () {
                    $('.modal-body').load('../es/pagina.php?v=<?= $b ?>', function () {
                        $('#myModal').modal({show: true});
                    });
                });
            });
        </script>
    </body>
</html>


    Saludos!       Votos: 1 - Link respuesta
     
  •  
      1  
     
     
    David G.A. Karma: 22 España
     
    Fecha: 23-11-2020 12:06:52 Gracias otra manera nunca viene mal por si da otra circunstancia.   Votos: 1 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com