Как закрыть второй модальный бутстрап при отправке и сохранить первый модальный?

Question

Я использую Laravel 5. У меня есть страница, которая содержит 2 модальности начальной загрузки на 1 странице PHP;модальный на модальный, как на картинке ниже.Моя проблема заключается в том, что, когда я нажимаю кнопку отправить на втором модальном, он будет перенаправлен на пустую страницу.Я хочу, чтобы второй модал был закрыт, а первый модал все еще там.И я пытаюсь использовать AJAX, и я не очень хорош в этом.

Это моя кнопка отправки на втором моде:

<button type="submit" id="shipmat_btn" class="btn btn-success">Submit</button>

Это код моего контроллера:

public function MaterialShipmentAdd(Request $request)
{
    $shipment = new Shipment;
    $shipment->setConnection('SUPPLYCHAIN');
    $shipment->MAT_ID = $request['sip_material_add'];
    $shipment->MAT_NAME = $getmatname[0]->MAT_NAME;
    $shipment->SIP_QUANTITY = $request['sip_quantity_add'];
    $shipment->SIP_CREATED_AT = date('Y-m-d H:i:s');
    $shipment->save();
}

Код Ajax:

$('#shipmat_btn').submit(function(e) {
  $.ajax({
      url: "MaterialShipmentAdd",
      type: "POST",
      cache: false,
      success: function(data){
        $('#myModal2').modal('hide');
      }
  }); 
});

Answer 1

Ваш вопрос еще не так ясен относительно вашей проблемы, насколько я понимаю,

Причина, по которой вы перенаправляетесь на пустую страницу, потому что ваша форма отправляется с использованием HTML.Вы должны предотвратить это, добавив e.preventDefault() внутри $('#shipmat_btn').submit

. Вы можете скрыть первый модальный, когда второй модал начал появляться, используя событие show.просто так,

$("#myModal2").on('show.bs.modal', function () {
    $('#yourModal1Id').modal('hide');
});

надеюсь, что это поможет!