Formularz mailowy - po wysłaniu jak powrócić na stronę formularza

Question

Witam wszystkich!

Napisałem stronkę wraz z kilku podstronami w htmlu a jedną z podstronek jest wysyłanie maila za pomocą formularza php. Wszystko działa, formularz zrobiony, maile się wysyłają. Formularz działa za pomocą funkcji php mail.

PROBLEM:

wewnątrz pliku html jest odwołanie do pliku mail.php, po poprawnym działaniu formularza wyswietla sie komunikat że mail został wysłany, lecz fajnie by było żeby po kilku sekundach po wysłaniu maila (odczytaniu komunikatu że mail został wysłany) strona automatycznie powróciła do strony formularza kontaktowego.

Szczytem marzeń byłoby takie rozwiązanie, że

po wysłaniu maila pod formularzem pojawia sie komunikat "Email wysłany", a stona wysladała jak przed wysłaniem maila.

Pozdrawiam

Comments

Od siebie dodam, że lepiej skorzystać np. z PHPMailer do wysyłania wiadomości, funkcja mail może czasem zawodzić.

---

a ja powiem jeszcze inaczej. Niebawem każdy hosting zrezygnuje z obsługi funkcji mail ;) 

Answer 1

Po wyświetleniu dodaj:

header('Refresh: 10; url=formularz.html');

Refresh 10 oznacza, że czeka 10 sekund i przekierowuje.

Natomiast szczyt marzeń możesz uzyskać w taki sposób:

https://gist.github.com/patotoma/11378420

Tutaj niby wykorzystuje się jeszcze jQuery ale można to przepisać na czysty JS. Pozostaje jedynie dopisać pokazywanie komunikatu.

Answer 2

Myślę, że odpowiedzią na Twoje problemy jest XHMHttpRequest, poczytaj na https://developer.mozilla.org/pl/docs/XMLHttpRequest. W dokumentacji MDN jest wszystko ładnie wyjaśnione. Są gotowe biblioteki ułatwiające korzystanie z XHR, w jQuery jest metoda ajax() albo np. axios, mała i przyjemna libka.