[AJAX] Problem z przesyłaniem zmiennych post do php, Problem z przesyłaniem zmiennych post do pliku php wysyłającego maila Opcje

[Volume]

Nie wiem kompletnie dlaczego mail dochodzi, ale bez danych zawartych w zmiennych post. To jest moja pierwsza styczność z AJAX'em i za bardzo nie wiem gdzie jest błąd w poniższym skrypcie, który psiałem na podstawie jakiegos tutorialu z sieci.

plik html z formularzem + js

[HTML] pobierz, plaintext 
 
<form id="formail" action="" method="post">
          <?php echo $blad_wysylania; ?>
          <div id="wynik_wysylania"></div>
          <div><label for="e_nazwa">Podpis: </label><input id="e_nazwa" type="text" name="e_nazwa" /></div>
          <div><label for="e_mail">Twój e-mail: </label><input id="e_mail" type="text" name="e_mail" /></div>
          <div><label for="e_temat">Temat: </label><input id="e_temat" type="text" name="e_temat" /></div>
          <div><label for="e_tresc">Treść: </label><textarea id="e_tresc" name="e_tresc" rows="10" cols="30"></textarea></div>
          <div><input type="submit" id="e_wyslij" name="e_wyslij" value="Wyślij e-mail" /></div>
</form>
<script type="text/javascript">
 
 
$("#e_wyslij").click(function(){
	var valid = '';
	var name = $("#e_nazwa").val();
	var mail = $("#e_mail").val();
	var subject = $("#e_temat").val();
	var text = $("#e_tresc").val();
	if (name.length<1) {
		valid += '<br />Błędny podpis.';
	}
	if (!mail.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) {
		valid += '<br />Błędny Email.';
	}
	if (subject.length<1) {
		valid += '<br />Błędny tytuł.';
	}
	if (text.length<1) {
		valid += '<br />Błędna treść.';
	}
	if (valid!='') {
		$("#wynik_wysylania").fadeIn("slow");
		$("#wynik_wysylania").html("Error:"+valid);
	}
	else {
		var datastr ='name=' + name + '&mail=' + mail + '&subject=' + subject + '&text=' + text;
		$("#wynik_wysylania").css("display", "inline-block");
		$("#wynik_wysylania").html("Wysyłanie wiadomości .... ");
		$("#wynik_wysylania").fadeIn("slow");
		//setTimeout("send('"+datastr+"')",2000);
		setTimeout("send('" + datastr + "')",1000);
	}
	return false;
});
 
function send(datastr){
	$.ajax({	
		type: "POST",
		url: "http://nazwa_strony.pl/mail.php",
		data: datastr,
		cache: false,
		success: function(html){
		$("#wynik_wysylania").fadeIn("slow");
		$("#wynik_wysylania").html("Wysłane!");
		//setTimeout('$("#wynik_wysylania").fadeOut("slow")',2000);
		setTimeout('$("#wynik_wysylania").fadeOut("slow")',1000);
	}
	});
} 
</script>
 
[HTML] pobierz, plaintext 

plik: mail.php

[PHP] pobierz, plaintext 
<?php
 $mail = $_POST['e_mail'];
 $name = $_POST['e_nazwa'];
 $subject = $_POST['e_temat'];
 $text = $_POST['e_tresc'];
 
$to = "mojmail@tlen.pl";
 $message ="You received  a mail from ".$mail;
 $message .="Text of the message : ".$text;
 
if(mail($to, $subject,$message)){
 echo "mail successful send";
 }
 else{
 echo "theres some errors to send the mail, verify your server options";
 }
 ?>
[PHP] pobierz, plaintext 

[mortus]

Najpierw proponuję sprawdzić, czy AJAX wysyła dane. W tym celu zakomentuj cały kod w pliku mail.php i na początku daj:

[PHP] pobierz, plaintext 
echo '<pre>';
var_dump($_POST);
[PHP] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
// zastąp na chwilę linię 55
$("#wynik_wysylania").html("Wysłane!");
// tym
$("#wynik_wysylania").html(html);
[JAVASCRIPT] pobierz, plaintext 

I zobacz, co się dzieje. Korzystaj przy tym z narządzi developerskich np. Firebug dla Firefox-a, zakładka konsola.

PS: U mnie Twój skrypt wysłał dane, więc działa. Możesz ewentualnie spróbować:
1. pozamieniać & na & amp; (spacja została zrobiona celowo, ale normalnie nie powinno jej być) w zmiennej datastr,
2. przekazać dane jako obiekt (metoda $.ajax() przekształci ten obiekt w odpowiedni łańcuch znaków):

[JAVASCRIPT] pobierz, plaintext 
var data = { 'name': name, 'mail': mail, 'subject': subject, 'text': text }
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował mortus 21.12.2012, 19:37:12