Foros del Web » Programando para Internet » Jquery »

Problema con ajax y modal bootstrap

Estas en el tema de Problema con ajax y modal bootstrap en el foro de Jquery en Foros del Web. hola amigos, les comento mi situación: estoy trabajando con bootstrap, modal y jquery, tengo un enlace con el cual se abre una modal y necesito ...
  #1 (permalink)  
Antiguo 17/07/2014, 15:15
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 14 años, 2 meses
Puntos: 6
Problema con ajax y modal bootstrap

hola amigos, les comento mi situación:

estoy trabajando con bootstrap, modal y jquery, tengo un enlace con el cual se abre una modal y necesito mostrar en la modal el resultado de una consulta a base de datos para esto utilizo ajax, solo me falta imprimir el resultado en la modal

este es mi codigo:
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.         $(".consulta").click(function(){
  3.             $.ajax({
  4.                  url:'http://localhost/volcano/public/getestaciones',
  5.                  type: 'GET'      
  6.               }).done(function(response){
  7.               var repetidoras = response;
  8.               alert(repetidoras);
  9.              $('#resultado').html(response)
  10.  
  11.             });
  12.  
  13.         });
  14.  
  15.     });

Código HTML:
Ver original
  1. a data-toggle="modal" data-target="#myModal" class="consulta">Enlace</a>
  2.  
  3. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  4.   <div class="modal-dialog">
  5.     <div class="modal-content">
  6.       <div class="modal-header">
  7.         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
  8.         <h4 class="modal-title" id="myModalLabel">Consulta</h4>
  9.       </div>
  10.       <div class="modal-body">
  11.       <div id="resultado">aa</div>
  12.       </div>
  13.       <div class="modal-footer">
  14.         <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
  15.       </div>
  16.     </div>
  17.   </div>
  18. </div>
  #2 (permalink)  
Antiguo 17/07/2014, 15:46
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 14 años, 2 meses
Puntos: 6
Respuesta: Problema con ajax y modal bootstrap

amigos he avanzado un poco, el problema es que solo imprimo el primer elemento de la respuesta

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.     $(document).ready(function(){
  3.         $(".consulta").click(function(){
  4.             $.ajax({
  5.                  url:'http://localhost/volcano/public/getestaciones',
  6.                  type: 'GET'      
  7.               }).done(function(response){
  8.               var repetidoras = response;
  9.               //alert(repetidoras);
  10.              $.each(repetidoras, function(index, item){
  11.                     $("#resultado").html("<b>"+ item.nombre +"</b>");
  12.              });
  13.  
  14.             });
  15.  
  16.         });
  17.  
  18.     });
  19.     </script>

Etiquetas: ajax, bootstrap, html, javascript, modal
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:02.