Динамически загружать массив объектов для просмотра их в модальном

Question

Функция php просматривает массив объектов и выводит их названия.У меня есть ссылка, которая открывает модальный.Как я могу динамически загрузить модальный заголовок и тело относительно объекта $ r из результатов $, когда я нажимаю детали.

<?php
foreach ($results as $r) {
?>
<div class="row justify-content-center">
    <div class="alert alert-success">
        <strong>
            <?php echo $r['_source']['title']; ?></strong> <span id="showSearchTerm"></span></br>
        <a data-target="#myModal" data-toggle="modal" class="MainNavText" id="MainNavHelp" href="#myModal">Details</a>
    </div>
</div>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
                <h2 class="modal-title">
                    <?php echo $r['_source']['title']; ?>
                </h2>
            </div>
            <div class="modal-body">
                <p>
                    <?php echo $r['_source']['body']; ?>
                </p>
                <p>
                    <?php echo $r['_source']['path']['real']; ?>
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
<?php

}

Answer 1

Возьмите информацию, которая вам нужна, чтобы заполнить модал от вызова ajax.После этого вы можете добавить этот контент с помощью:

$(".classname").append(information_from_ajax_call_stored_in_variable);