Formulario de contacto | Programação | Alura

Bom dia Gente.

Alguém tem uma ideia de como fazer um formulario de contacto nao actualizar a pagina depois de enviar dados?

Tenho o meu formulario de contacto e quando as informacoes sao enviadas a minha pagina de menssagem de sucesso é redecionada para uma outra pagina, Como fazer para a mesma menssagem ficar na pagina de contato.?

Gostaria de ter um exemplo se alguém sabe como fazer. Estou bloqueada e nao consigo avançar.

Agradecendo desde jà e ficando no aguardo.

HTML

                        <div class="form-row row">
                                <!-- input nom -->
                                <div class="col-md-6 form-group">
                                    <input type="text" class="form-control" name="name" id="nom" placeholder=" Votre Nom" required/>
                                    <p class="comments"></p>
                                </div>
                                <!-- input email -->
                                <div class="col-md-6 form-group">
                                    <input type="email" class="form-control" name="email" id="email" placeholder=" Votre Email" required/>
                                    <p class="comments"></p>
                                </div>
                            </div>
                            <!-- input suject -->
                            <div class="form-group">
                                <input type="text" class="form-control" name="subject" id="subject" placeholder=" Votre Subjet" required/>
                                <p class="comments"></p>
                            </div>
                            <!-- textarea message -->
                            <div class="form-group">
                                <textarea class="form-control" name="message" rows="5" id="message" placeholder=" Votre Message" required></textarea>
                                <p class="comments"></p>
                            </div>
                            <!-- button _ envoyer -->
                            <div class="text-center">
                                <button type="submit" class="send-btn" name="CadMsg" id="send-form" value="Envoyer" data-toggle="modal" data-target="#exampleModal">Envoyer votre message</button>
                            </div>                            
                        </div>
                    </form>
                   <div class="alert alert-success text-center" id="success-message" role="alert"></div>

                    <div class="alert alert-danger text-center" id="error-message" role="alert"> </div>

         </div>```

PhpMailer - pagina de envio de e_mail


<?php
    //smtp configuration
    require "./lib/vendor/autoload.php";

    use PHPMailer\PHPMailer\PHPMailer;
    use PHPMailer\PHPMailer\SMTP;
    use PHPMailer\PHPMailer\Exception;

    $mail = new PHPMailer(true);

    $mail->CharSet = 'UTF-8';
    $mail->isSMTP();
    $mail->SMTPDebug = 0;
    $mail->Host = 'smtp.mailtrap.io';
    $mail->Port = 1111;
    $mail->SMTPAuth = true;
    $mail->Username = '000000000000000';
    $mail->Password = '00000000000000000';

    $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS;

    //gettings form informationss
    $name = htmlspecialchars($_POST['name']);
    $email = htmlspecialchars($_POST['email']);
    $subject = htmlspecialchars($_POST['subject']);
    $message = htmlspecialchars($_POST['message']);

    $mail->Subject = $subject;
    $mail->setFrom($email, $name);
    $mail->addAddress('outlook@outlook.com', 'Contact Forme');
    $mail->addReplyTo($email, $name);
    $mail->isHTML(false);
    $mail->Body = $message;

    if(!$mail->send())
    {
      echo "<div class='alert-error'>    Erro menssagem nao foi enviada </div>";
    }
    else
    {
        echo "<div class='alert-success'>  Menssagem foi enviada com sucesso</div>";      
    }
?>