Как сделать, чтобы при существующем объекте в модальном окне Bootstrap отображались его поля(Spring)?

Question

[i_yan]

Добрый день. Пытаюсь реализовать модальное окно Бутстрапа, которое будет хранить информация о объекте по id.

Сам js код

$(document).ready(function () {
    $('.card-deck .eBtn').on('click', function (event) {
        event.preventDefault();
        var href = $(this).attr('href');
        var text = $(this).text();
        if (text=='Show') {
            $.get(href, function (tour, status) {
                $('.myForm #id').val(tour.id);
                $('.myForm #title').val(tour.title);
                $('.myForm #description').val(tour.description);
                $('.myForm #startTime').val(tour.startTime);
                $('.myForm #endTime').val(tour.endTime);
                $('.myForm #price').val(tour.price);
            });

            $('.myForm #exampleModal').modal();
    });
});

Кнопка, по которой будет запускаться модальное окно

<a th:href="@{findOne/(id=${tour.id})}" class="btn btn-primary eBtn">Show</a>

И контроллер Спринга

@GetMapping("/findOne")
    @ResponseBody
    public Tour findOne(Integer id) {
        return tourRepository.findById(id).get();
    }

Интересует как правильно написать код в
div class="modal-body", div class="form-group" ...
чтобы поля объекта отображались в модальном окне?

Answer 1

[Орхан Гасанлы]

Добрый день.
При клике на кнопке Show вам необходимо отправить ajax запрос на сервер и получить информацию об объекте в json формате.
Затем полученный объект распарсить и вставить в соответствующие поля.
Чтобы отправить ajax запрос смотрите на:
https://api.jquery.com/jquery.get/
https://api.jquery.com/jquery.ajax/
Дальше уже дело техники...
Чтобы вернуть ответ в json используйте либо @RestController или же @ResponseBody, если используете @Controller

Судя по вашему коду, вы все правильно сделали. А в чем именно ошибка или проблема?

Comments

[i_yan]

Мне нужно именно понять как в Бутстрапе сделать вывод информации. До этого я сделал на этому коду редактирование записей в виде формы и сохранение его. Но мне надо чисто просмотр записей.

[Орхан Гасанлы]

i_yan, это также делается средствами js. Отправили ajax запрос, получили ответ и распарсили в нужные инпуты. Ну максимум, если не хотите, чтобы они редактируемыми, то добавьте readonly в инпуты.