Envio de datos mediante ajax utilizando Bootstrap Modal

[Montes28]

hola amigos espero me puedan ayudar asi como siempre lo han hecho y se los agradezco

me encuentro trabajando con Bootstrap Modal:

realizo una consulta a una base de datos y listo el resultado en una tabla en cada fila tengo 3 botones iconos para (consultar,modificar,eliminar) a darle click se abre una modal con su respectiva informacion hasta todo va bien.

codigo para generar los 3 botones iconos

Código HTML:

<div class="btn-group" align="right">
<a data-toggle="modal" class="btn btn-primary" title="Consultar" id="<? echo $field['id_destinatario'] ?>"><i class="icon-search icon-white"></i></a>
<a data-toggle="modal" class="btn btn-primary" title="Modificar" id="<? echo $field['id_destinatario'] ?>"><i class="icon-edit icon-white"></i></a>
<a data-toggle="modal" class="btn btn-primary" title="Eliminar" id="<? echo $field['id_destinatario'] ?>"><i class="icon-trash icon-white"></i></a>
</div>
 

mediante este codigo abro las 3 modales

Código Javascript:

$('.btn').live('click',function() {
    var titulo = $(this).attr('title');
    var idc=$(this).attr('id');
    switch(titulo) {
        case 'Eliminar':
            $(function () 
            { $("#modal-eliminar").modal();  
           $.ajax({ 
           url:'views/consultar.php',
                   type:'post',
                   data:'id='+idc,
                  }).done(function(data) {
                  $("#consulta").html(data);
                 });
              });
          break;
        case 'Modificar':
        break;
        case 'Consultar':
        break;
});
 

modal eliminar

Código HTML:

<!-------------------Modal Eliminar-------------------------------------------------->
<div id="modal-eliminar" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h3 id="myModalLabel">Eliminar Destinatario</h3>
            </div>
            <div class="modal-body">
                        <div id="consulta">
                        
                        </div>  
              </div>
            <div class="modal-footer">
              <button class="btn" data-dismiss="modal">Cancelar</button>
              <button class="btn btn-primary" id="eliminar" title="delete">Eliminar Destinatario</button>
            </div>
            </div>
<!-----------------------------------fin Modal-->
 

este es mi archivo consultar.php

Código PHP:

<?
 
$id = $_POST['id'];
 
 
$servidor = 'localhost';
$bd = 'correo';
$usuario = 'postgres';
$contrasenia = '****';
    
global $servidor, $bd, $usuario, $contrasenia;
$db = new PDO('pgsql:host=' . $servidor . ';dbname=' . $bd, $usuario, $contrasenia);
 
 
$consulta = $db->prepare("SELECT * FROM destinatario WHERE id_destinatario = '".$id."'");
$consulta->execute();
?>
 
<div id='consulta'>
<?
while($fila = $consulta->fetch(PDO::FETCH_ASSOC))
    {
    
    echo "id:"." ".$fila['id_destinatario']."";?>
    <br>
    <?
    echo "Destinatario:"." ".$fila['nom_destinatario']."";
    ?>
    <br>
    <? echo "Correo:"." ".$fila['email_destinatario']."";
    ?>
    <input name="id" id="id" type="hidden" value="<? echo $fila['id_destinatario']?>"/>
<?
}
 
?>
</div>
 

hasta aca todo esta bien.

amigos necesito es enviar el id mediante ajax

Código Javascript:

$.ajax({ 
          url:'views/eliminar.php',
                  type:'post',
                  data:'id='+id
 

pero donde coloco este codigo ?

[Montes28]

amigos ya logro realizar la eliminacion mediante ajax pero no logro que la modal se cierre

Código Javascript:

$(document).ready(function(){
    $('#eliminar').click(function () {
       var id = $("#id").val();
                $.ajax({ 
                  url:'views/eliminar.php',
                  type:'post',
                  data:'id='+id,
                  }).done(function() {
                  cargar_usuarios();
                }); 
         });
});
 

[Montes28]

amigos ya estoy que lo logro miren mi codigo

Código Javascript:

$('.btn-primary').live('click', function(){
        alert('btn-primary!');
        
      });
 

como logro cerrar la modal

[danielantioquia]

Hola colega, estoy tratando de realizar un proyecto similar al tuyo, queria saber si completaste el proyecto y si podrias compartirme el codigo fuente complento, gracias y exitos

[livemusic]

Bueno esta semana estaba trabajando con el Modal de Bootstrap, y creo tener la respuesta a tu dilema..

con este codigo cierras el modal.

Código Javascript:

$('#modal-eliminar').modal('hide');
 

Tienes que mandar el id del modal.

[neshken]

Hola, no logro llamar al modal. ¿Como lo haces desde el while?