Html ile form gönderirken modal açtırmak ve verileri okumak

Selamun aleyküm.
Arkadaşlar html ile bir form gönderirken modal açtırmak istiyorum ve formdan gelen değerleri veritabanına kaydetmek istiyorum. Bir tane buton var hem submit ediyor hem de modal açıyor. Bu nasıl yapılır?

chat gpt sor

yok ben r10'a soracam kardeş

ajax kullanın hem insert yaparsınız hem sonuc olarak ekrana istediğinizi bastırırsınız

swal.fire ihtiyacınızı görür

sweetalert istediğiniz olabilir belki.

belirtmeyi unutmuşum php ile çalışıyorum onunla ilgili problemim yok, sadece mantığını anlamaya çalışıyorum arkadaşlar.

buton oluşturup modal'ı tetikleyeceksiniz
modal içinde form olacak, formun içindeki submit butonuna event atayacaksınız.
event içinde formdan gelen bilgileri Ajax,axios vb ile php tarafına post edip kaydedeceksiniz ve sonrasında modal'ı kapatıp swal'ı tetikleyeceksiniz.
bu işlemleri yaparken form validation yapabilirsiniz

gönderidğiniz formun gönderilmesi tamamlandığında mı modal açtırmak istiyorsunuz.
yoksa form gönderilirken aynı anda veya bağımsız modal mı açılsın istiyorsunuz.

<form id="ornekform">

için ve
birinci senaryo için jquery 3.7 ile basitçe hiç bir kontrol olmaksızın.

$('#ornekform').on('submit', function(e){
    e.preventDefault();
    $.post('formyolu.php', $(this).serialize(), function(result){
        $('#modalid').modal('show');
    });
});

ikinci senaryo.

$('#ornekform').on('submit', function(e){
    e.preventDefault();
    $('#modalid').modal('show');
    $.post('formyolu.php', $(this).serialize());
});