[AJAX] Formulaire Ajax - non réception des mails

Bonjour à tous,

Alors voilà, mon portfolio est en voie de finalisation mais il me reste un (gros) souci à résoudre et j'avoue ne pas comprendre d'où vient l'erreur.

J'ai suivi un tutoriel pour apprendre Javascript afin de créer un formulaire de contact Html/Php/Ajax. Pour le mec ça marche très bien mais pour moi... alors qu'on a le même code.

A noter que SANS l'ajax, je reçois bien les mails. Mais dès que j'ajoute l'ajax (qui sert à ne pas recharger la page apres le "Submit"), je ne reçois plus rien.
Pourtant j'ai mis une "alert(' ') " afin de voir les données envoyées et tout semble correct. Je n'ai aucune erreur affichée d'ailleurs, le mail est bien dit comme "envoyé" mais voilà, je ne reçois rien du tout.

PS: le site est hébergé chez Ovh.

voici le site: www.dimfolio.fr (tout en bas). J'ai laissé l'alerte exprès.

Mon code HTML:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="form" >
 
           <h2> Allez, on n'est pas <strong>timide</strong> !</h2>
           <form method="post" action="">
                 <p><input placeholder="*Nom" type="text" id="form_nom" name="form_nom"></p>
                <p><input placeholder="*Prénom" type="text" id="form_prenom"  name="form_prenom"></p>
               <p><input placeholder="*E-mail" type="email" id="form_email" name="form_email"></p>
               <p style="position:relative">
                    <textarea placeholder="*Votre message" id="form_message"  name="form_message"></textarea>
                    <div id="form_loading"><img src="img/loading.gif" /></div>
               </p>
               <p><input value="Envoyer" id="form_bouton" name="form_submit" type="submit"></p>
          </form>
</div>

Mon code PHP (dans ma page html, avant le DOCTYPE):

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
 
	if( !empty($_POST) && !empty($_POST['form_nom']) && !empty($_POST['form_prenom']) && !empty($_POST['form_email']) && !empty($_POST['form_message'])) {
 
		$nom=strip_tags($_POST['form_nom']);
		$prenom=strip_tags($_POST['form_prenom']);
		$email=strip_tags($_POST['form_email']);
		$message=strip_tags($_POST['form_message']);
 
		$sujet= 'Contact Portfolio : ' .$nom. ' ' .$prenom;
		$monEmail = 'chouvaeff.dimitri@gmail.com';
 
		$headers = 'From: ' .$nom. ' ' .$prenom. '<' .$email. '>';
 
 
		mail($monEmail,$sujet,$message,$headers);
 
	}
 
?>

L'ajax, dans un fichier "site.js". Tous mes autres scripts fonctionnent bien.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
$('#form_bouton').click(function(){
 
	var nom=$('#form_nom').val();
	var prenom=$('#form_prenom').val();
	var email=$('#form_email').val();
	var message=$('#form_message').val();
 
	var donnees = 'nom='+ nom + '&prenom=' + prenom + '&email=' + email + '&message=' + message;
 
	$('#form_nom, #form_prenom, #form_email, #form_message').focus(function(){
			$(this).removeClass('error');
	});
 
	if(nom==''){$('#form_nom').addClass('error');  }
	if(prenom==''){$('#form_prenom').addClass('error');  }
	if(email==''){$('#form_email').addClass('error');  }
	if(message==''){$('#form_message').addClass('error');  }
 
	if( nom != '' && prenom != '' && email != '' && message != '' ){ 
 
		$.ajax({
 
			type:"POST",
			url:"index.php",
			data: donnees,
			beforeSend: function()
				{ 	$('#form_loading').fadeIn();
					alert(donnees);
				 },
			success: function()
				{
					$('#form_loading').fadeOut();
					$('#form').empty().append('<div id="success">Message bien envoyé. Je vous recontacte au plus vite !</div>').hide().slideDown();
				}
		});
	}
	return false;	
	});

En vous remerciant d'avance pour l'aide apportée.

Dimitri