Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/08/2016, 14:21
BaSingSe
 
Fecha de Ingreso: mayo-2012
Mensajes: 117
Antigüedad: 12 años
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