Foros del Web » Programando para Internet » Jquery »

Cargar Modal con AJAX

Estas en el tema de Cargar Modal con AJAX en el foro de Jquery en Foros del Web. Buenos dias, mi probelma consiste en el siguiente tengo un archivo el cual contiene una tabla y links para que al momento de hacerles click ...
  #1 (permalink)  
Antiguo 25/08/2016, 14:21
 
Fecha de Ingreso: mayo-2012
Mensajes: 117
Antigüedad: 12 años, 6 meses
Puntos: 1
Cargar Modal con AJAX

Buenos dias, mi probelma consiste en el siguiente tengo un archivo el cual contiene una tabla y links para que al momento de hacerles click carguen un archivo interno con la funcion html() de jquery por el momento estoy cargando el archvo en un div y no hay problema pero quisiera que ese archivo en vez de cargarlo debajo como un div mas, quisiera cargarlo en un modal pero lo que no logro comprender bien es como al momento de hacer click el dataTarget llegue pase digamos por el html() hasta el id de lo que se convertiria en modal

Este es mi codigo que contiene el Datatarget
Código PHP:
Ver original
  1. <tr>
  2.     <td><a href="javascript:void(0)" data-toggle="modal" data-target="#myModal" id="reclamo" data-id="<?php echo $data[$i]['no_reclamo']?>"><?php echo $data[$i]['no_reclamo']?></a></td>
  3. <tr>

Es un poco mas extenso pero solo les dejare la linea que hara la llamada al modal, si necesitan completo el codigo entonces con gusto lo pego..

Este es el codigo ajax
Código Javascript:
Ver original
  1. //All reclaim
  2.     $(document).on('click','#reclamo',function(){
  3.         var id = $(this).attr('data-id');
  4.         console.log(id);
  5.         $.ajax({
  6.             url:"reporte/reclamo.php",
  7.             data:{id:id},
  8.             method:'post',
  9.             dataType:'text',
  10.             contentType: 'application/x-www-form-urlencoded',
  11.             success: function(data, textStatus, jQxhr){
  12.                 $("#policy").html(data);
  13.             },
  14.             error: function( jqXhr, textStatus, errorThrown ){
  15.                 console.log( errorThrown );
  16.                
  17.             }
  18.         })
  19.     })

En mi query es donde no comprendo como hacer para llamar al archivo que tiene el modal

Este es el archivo que quiero cargar
Código HTML:
Ver original
  1. <!-- Modal -->
  2. <div id="myModal" class="modal fade" role="dialog">
  3.   <div class="modal-dialog">
  4.  
  5.     <!-- Modal content-->
  6.     <div class="modal-content">
  7.       <div class="modal-header">
  8.         <button type="button" class="close" data-dismiss="modal">&times;</button>
  9.         <h4 class="modal-title">Modal Header</h4>
  10.       </div>
  11.       <div class="modal-body">
  12.         <p>Some text in the modal.</p>
  13.       </div>
  14.       <div class="modal-footer">
  15.         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  16.       </div>
  17.     </div>
  18.  
  19.   </div>
  20. </div>

Se les agradece mucho, pasa que no veo estetico que se me esten cargando en un div uno debajo de otro :/, si doy con la respuesta antes os dejare saber... SE LES AGRADECE UN MOTON
  #2 (permalink)  
Antiguo 25/08/2016, 15:57
 
Fecha de Ingreso: mayo-2012
Mensajes: 117
Antigüedad: 12 años, 6 meses
Puntos: 1
Respuesta: Cargar Modal con AJAX

Probla resuleto solo debo crear dentro del bucle id al cual el dataTarget se dirigiria y en mi archivo interno la informacion... asi al momento de clickear iria al id dentro del mismo bucle y haria el efecto modal y dentro de este entonces se cargaria mi archivo interno...

Si no les quedo muy claro me dejan saber y trato de explicarlo mejor..

Etiquetas: ajax, 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:51.