Я намагаюся створити режим завантаження, який містить результат запиту 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">×</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. Це працює лише один раз для одного вікна моделі.