/ / Модальне вікно Bootstrap автоматично отримує вміст AJAX - javascript, ajax, twitter-bootstrap, twitter-bootstrap-3, bootstrap-modal

Модульне вікно Bootstrap автоматично отримує вміст AJAX - javascript, ajax, twitter-bootstrap, twitter-bootstrap-3, bootstrap-modal

Я намагаюся створити режим завантаження, який містить результат запиту AJAX.

мій початковий код наступний

{{--Bootstrap modal--}}
<div id="exampleModal" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Electronic mail title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p>Electronic mail body text goes here.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

Існує також кнопка, як ви можете бачити її атрибут HREF робить виклик маршруту, який має бути викликаний через AJAX.

<a href="api/myroute/someID" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">Preview Reminder</a>

Я написав задній код, який повертає вміст з api / myroute / someID

До теперішнього часу код переднього кінця є зразком копіювання коду / вставлено з документації bootstraps, а задній код кінця є моїм власним.

Наступний крок полягає в тому, щоб написати деякий Javascript, який приймає вміст виклику AJAX до api / myroute / someID і розміщує його у модальному вікні.

Проблема полягає в тому, що хоча у мене ще немає цього коду Вміст, повернутий з цього маршруту, автоматично розміщується в модальному вікні.

Однак це працює тільки один раз. Відкриття другого модального вікна і введення іншого "someID" на кінець маршруту (таким чином, він повертає різні дані) призводить до модального вікна, що містить результат першого виклику AJAX.

У мене є 2 питання.

1) Як це працює? 2) Як я можу зробити це оновлення змісту модального кожного разу, коли він відкривається

Відповіді:

0 для відповіді № 1

Модулі Bootstrap 3 мають функцію, де, якщо елемент відкриття має атрибут href, модал заповнюється відповіддю на запит http, який робить атрибут href.

Цю функцію було видалено з початкового завантаження 4. Це працює лише один раз для одного вікна моделі.