Skip to main content
1 de 3
axo
  • 1
  • 2

Cargar vista en un modal con Ajax con twig

tengo un problema. No me carga en ajax el contenido dinámico. Lo que quiero cargar es un formulario para modificar datos.

La url del route (el 202032 será dinámico cuando cargue bien):

$router->map( 'GET', '/admin/registros/modificar/202032/','empresaControllerAdmin#Modificar','Modificar Registro');

Si llamo desde el navegador a la URL dominio.com/temporal/admin/registros/modificar/202032/ me lo carga bien. Entra en el controlador y me muestra la vista correctamente, pero si la llamo desde jquery/ajax, NO.

El index donde proceso todo lo tengo en:

temporal/index.php

Y el js está en

temporal/themes/admin/js/archivo.js

Cuando hago la llamada a la función, el navegador se encuentra en

temporal/admin/inicio/ (por eso meto los ../../ para bajar a temporal/ y que desde ahí ejecute la petición GET para pasarla por el enrutador y después ejecute el controlador.)


      $(document).ready(function(){
      $("#submit02").mousedown(function(){
        $('#ModalDinamico').modal({show:true});
        cargarContenido();
      });
    });
    
    function cargarContenido(){  
            var url = "../../admin/registros/modificar/202032/";
            $.ajax({                        
               type: "GET",                 
               url: url,                     
               //data: $("#formutareas").serialize(), 
               done: function(data)             
               { 
                 $('#bodyModalDetalles').html(data);               
               }
           });
    };

Modal detalle:

<!-- Modal Detalle -->
<div class="modal fade" id="ModalDinamico" tabindex="-1" role="dialog" aria-labelledby="ModalDinamicoTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Detalle</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div id="bodyModalDetalles">Cargando...</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
        <button type="button" class="btn btn-primary">Guardar Cambios</button>  
      </div> 
    </div>
  </div>
</div>
axo
  • 1
  • 2