Quiero mostrar a los usuarios nuestro texto de privacidad en un modal. El enlace que activa el modal está en el pie de página, por lo que en cada página. El contenido proviene de nuestro propio punto final de API como este: https://www.example.com/api/v1/legals/privacy

Este es mi modal actual usando UIkit (getuikit.com):

 <a href="#modal-privacy" uk-toggle>Show Privacy Text</a> <div id="modal-privacy" class="uk-modal-container" uk-modal> <div class="uk-modal-dialog" uk-overflow-auto> <button class="uk-modal-close-default" type="button" uk-close></button> <div class="uk-modal-header"> <h2 class="uk-h3 uk-modal-title">Privacy</h2> </div> <div class="uk-modal-body"> <?php $response = file_get_contents( 'https://www.example.com/api/v1/legals/privacy'); echo json_decode($response); ?> </div> <div class="uk-modal-footer"> <p class="uk-text-right"><button class="uk-button uk-button-default uk-modal-close" type="button">Close</button></p> </div> </div> </div>

El problema con mi solución actual es que PHP carga el contenido, lo que bloquea la representación de la página y eso afecta el rendimiento del sitio web. ¿Cómo puedo cargar el contenido del modal cuando se abre en lugar de la vista de página inicial?

¡Cualquier ayuda apreciada! No puedo escribir Javascript, ¡así que un fragmento que funcione sería genial! 😊

Saludos