Forum PHP.pl > Formularz Ajax

Pomoc - Szukaj - Użytkownicy - Kalendarz

michuwsh

15.08.2018, 10:27:29

Hej mam problem chciałbym na mojej stronie dodać formularz który będzie przesyłał się bez przeładowywania i w sumie działa to email zostaje przesyłany ale chciałbym aby w miejscu formularza na stronie zniknął formularz i pojawiła się odpowiedzieć z serwera. Niestety moj kod nie działa po przesłaniu formularza zostaje przekierowany do strony głównej.

[PHP] pobierz, plaintext 
<?php 
 
$imie = $_POST['name']; 
$nazwisko = $_POST['lastname']; 
$email = $_POST['email']; 
$tel = $_POST['number']; 
$meseges  = $_POST['messages'];
 
$to = "ww@o2.pl";
$subject = "Formularz kontaktowy na stronie";
 
$message = "
<html>
<head>
<title>HTML email</title>
</head>
<body>
Imie : $imie <br>
Nazwisko : $nazwisko <br>
Email : $email <br>
Telefon : $tel <br>
Wiadomość : $meseges
 
</body>
</html>
";
 
// Always set content-type when sending HTML email
$headers = "MIME-Version: 1.0" . "\r\n";
$headers .= "Content-type:text/html;charset=UTF-8" . "\r\n";
 
$headers .= 'From: <form@mw.pl>' . "\r\n";
 
if(mail($to,$subject,$message,$headers)) {
    echo "Wiadomość została przesłana";
}
else {
    echo "Wiadomość nie została przesłana";
}
?>
 
[PHP] pobierz, plaintext

[HTML] pobierz, plaintext 
                    <div class="col2">
                        <h3>Formularz kontaktowy</h3>
                        <p>Wypełnij formularz kontaktowy i zostaw wiadomość</p>
                        <div class="test">
                        <form name="contact" method="post">
                            <div class="col2">
                                <input id="name" type="text" name="name" placeholder="Imie">
                                <input id="lastname" type="text" name="lastname" placeholder="Nazwisko">
                            </div>
                            <div class="col2">
                                <input id="email" type="email" name="email" placeholder="Email">
                                <input id="number" type="number" name="number" placeholder="Numer">
                            </div>
                            <div clas="row">
                                <textarea id="messages" name="messages" placeholder="Tu wpisz swoją wiadomośc"></textarea>
                            </div>
                            <div class="row">
                                <button type="submit">Wyślij</button>
                            </div>
                        </form>
                        </div>
                    </div>
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
 
<script>
    $("button").click(function(){
        $.ajax({
        type: "POST",
        url: "form.php",
        data: "name=" + $('#name').val() + "&lastname=" + $('#lastname').val() + "&email=" + $('#email').val() + "&number=" + $('#number').val() + "&messages=" + $('#messages').val(),
        success: function(data){
             $('.test').html(data);
 
        }
        });
    });
</script>
 
[HTML] pobierz, plaintext

trueblue

15.08.2018, 12:07:04

Skleroza?

http://forum.php.pl/index.php?showtopic=261274

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.