Witam, czy mógłbym poprosić o pomoc doświadczonych kolegów w rozwiązaniu mojego problemu, mianowicie chodzi o przesłanie danych i zapisanie ich w bazie, problem polega na tym że dane się wysyłają jak wypełnię formularz, odświeżę stronę i dopiero wyślę to zapisze, za pierwszym razem nie zapisuje, nie wiem gdzie robię błąd (nie mam doświadczenia z ajaxem

)
funkcja ajaxowa wyglada tak:
var form = $('#opinie-contact-form');
var ratingo = $("input[name='rating']:checked").val();
var nameo = $("#name").val();
var emailo = $("#email").val();
var subjecto = $("#subject").val();
var messageo = $("#message").val();
var dataStringo = 'rating='+ ratingo + '&name='+ nameo + '&email='+ emailo + '&subject='+ subjecto + '&message='+ messageo;
form.submit(function(event){
event.preventDefault();
var form_status = $('
<div class="form_status1"></div>');
$.ajax({
type: "POST",
data: dataStringo,
url: $(this).attr('action'),
beforeSend: function(){
form.prepend( form_status.html('
<p><i class="fa fa-spinner fa-spin"></i> Dodawanie opini...
</p>').fadeIn() );
}
}).done(function(data){
form_status.html('
<p class="text-success">Dziękujemy za dodanie opinii!
</p>').delay(3000).fadeOut();
});
});
Skrypcik obsługujący:
$rating = $_POST['rating'];
$name = $_POST['name'];
$email = $_POST['email'];
$subject = $_POST['subject'];
$message = $_POST['message'];
@mysql_query("INSERT INTO pinup_opinie (id, rating, name, email, subject, message, data) VALUES ('NULL', '$rating', '$name', '$email', '$subject', '$message', '$datka');");
a formularz z którego idzie:
<form id="opinie-contact-form" name="opinie-form" method="post" action="opinie.php"> <h4 class="column-title">Jak nas oceniasz?
</h4> <div class="star-rating"> <div class="star-rating__wrap"> <input class="star-rating__input" id="star-rating-5" type="radio" name="rating" value="5" checked> <label class="star-rating__ico fa fa-star-o fa-lg" for="star-rating-5" title="5 z 5 gwiazdek"></label> <input class="star-rating__input" id="star-rating-4" type="radio" name="rating" value="4"> <label class="star-rating__ico fa fa-star-o fa-lg" for="star-rating-4" title="4 z 5 gwiazdek"></label> <input class="star-rating__input" id="star-rating-3" type="radio" name="rating" value="3"> <label class="star-rating__ico fa fa-star-o fa-lg" for="star-rating-3" title="3 z 5 gwiazdek"></label> <input class="star-rating__input" id="star-rating-2" type="radio" name="rating" value="2"> <label class="star-rating__ico fa fa-star-o fa-lg" for="star-rating-2" title="2 z 5 gwiazdek"></label> <input class="star-rating__input" id="star-rating-1" type="radio" name="rating" value="1"> <label class="star-rating__ico fa fa-star-o fa-lg" for="star-rating-1" title="1 z 5 gwiazdek"></label> <input type="text" name="name" id="name" class="form-control" placeholder="Imię i Nazwisko" required> <input type="email" name="email" id="email" class="form-control" placeholder="Email" required> <input type="text" id="subject" name="subject" class="form-control" placeholder="Temat" required> <textarea name="message" id="message" class="form-control" rows="8" placeholder="Twoja opinia" required></textarea> <button type="submit" class="btn btn-primary">Dodaj opinię!
</button>
Prosiłbym o jakieś porady jak problem rozwiązać, bez ajaxu oczywiście chodzi jak trzeba.