Как после отправки формы через ajax вывести модальное окно?

Question

[almenovr]

Как после отправки формы через ajax вывести модальное окно?

Comments

[lUser L]

Покажи код ajax запроса, что бы не гадать, что у тебя там. Опиши, что пробовал и что не получилось. Обычно достаточно в теле success вызвать модалку

spoiler

Закрепите этот вопрос для пример как не нужно задавать вопрос.

[almenovr]

Эмиль 🔥,

$("#FormBooking").submit(function (e) {
           	e.preventDefault();
            var form_data = $(this).serialize();
            $.ajax({
                type: "POST", // Метод отправки
                url: тут урл
                data: form_data,
                dataType: "html",
                success: function (data) {
                	$('').html(тут html код модального окна);
                },
                error: function(data) {
                    alert("аааа");
                }
            });
        })

Answer 1

[Ербол]

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modal 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">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

$.ajax({
                            url: "your_url.php",
                            type: "POST",
                            dataType: 'json',
                            data: {
    id: ID,
                            },
                          success: function (response) {
    $('#exampleModal').modal('show')
                            }
                        });