Intercambiar datos con ventana modal

[Chivitoni]

Hola.
Tengo un problema con el intercambio de datos con ventanas modales.

Mi código está implementado mediante mvc.

Tengo una vista, llamada listaLocales.php en la que aparece una lista con todos los nombres de los locales que existen registrados hasta el momento.
Este es el bucle que muestra los locales:

Código HTML:

<?php foreach ($locales as $local): ?>
                        <div class="row">
                            <div class="column col-lg-6 col-md-6 col-sm-6 col-xs-12 ">
                                <div class="column col-lg-10 col-md-10 col-sm-10 col-xs-12 " id="listcancion">
                                    <ul class="nav" id="lg-menu">
                                         //Con esta línea es cuando llamo al método consultarLocal() situado en el controlador.
                                        <li><a href="index.php?controller=local&action=consultarLocal&id=<?=$local->getId()?>"><?=$local->getNombre()?></a></li>
                                        <li><?=$local->getCiudad()?></li>
                                        <li><?=$local->getTelefono()?></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    <?php endforeach; ?>
 

Al pinchar sobre el nombre de alguno de esos locales, aparece una ventana modal en la que se deben visualizar todos los datos sobre ese local.
El código de la ventana modal es el siguiente (En lugar de graduado, ourense, etc, quiero que me salgan los datos extraidos de la base de datos):

Código HTML:

<div id="modalconsultalocal" class="modalmask" >
                    <div class="column col-lg-6 col-md-6 col-sm-12 col-xs-12 col-md-offset-3" >
                        <div class="modalbox movedown" id="colormodal">
                            <a href="#close" title="Close" class="close">X</a>
                            <div class="row" id="lineaazul">
                                <h2 style="text-align: center">Local</h2>
                            </div>
                            <div class="row">
                                <div class="column col-lg-10 col-md-10 col-sm-12 col-xs-12 col-md-offset-1">
                                    <form class="form-horizontal" role="form">
                                        <div class="form-group">
                                            <label class="control-label">Nombre: </label>
                                            <label class=" control-label">Graduado</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">Ciudad: </label>
                                            <label class=" control-label">Ourense</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">Dirección: </label>
                                            <label class=" control-label">Calle Buenos Aires nº17</label>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">Eventos: </label>
                                            <ul> 
                                                <li>Evento</li> 
                                                <li>Evento</li> 
                                                <li>Evento</li> 
                                                <li>Evento</li> 
                                            </ul>
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label">Información adicional: </label>
                                            <label class=" control-label">Abierto de 7 de la tarde a las 2 de la madrugada</label>
                                        </div>
                                        <button type="button" class="btn btn-primary col-md-offset-5" id="modalboton" >Aceptar</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
 

La ventana modal se encuentra en el fichero llamado listaLocales.php, es decir, todo el código de llamada a la ventana modal, y la propia ventana modal lo tengo en el mismo fichero.

Sin embargo existe otro fichero llamado LocalControlador.php.

Lo que necesito es que al pinchar sobre el botón de un local concreto, este redirija a un método del controlador llamado consultaLocal() que lo que haga es recuperar los datos de ese local y mandarlos a la ventana modal para poder visualizarlos.
El código de este método es el siguiente:

Código PHP:

public function consultarLocal(){
    
    $local = new Local();
    
    if(isset($_GET["id"])){
        $local = $this->localDAO->findLocalById($_GET["id"]);
    }
 
        //El resultado de la consulta guardada en la variable $local es lo que necesito pasar a la ventana modal para que me visualice los datos.
  }
 

Como podría hacer esto? Creo que es con javaScript pero como no conozco nada del tema no se como empezar a buscar información para realizarlo.

Un saludo y muchas gracias.