Code Ajax je ne reçoit pas les messages du formulaire html

TheOliy Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   -  
Kopros Messages postés 595 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai ajouter ce code à la fin de ma page html (pour mon formulaire de contact) :

<script>
$('#contactform').submit(function(e) {
event.preventDefault()

$.ajax({
type: 'post',
data: $(this).serialize()
}).done(function(response) {
alert('Votre message à bien été envoyé. \n Merci !');
location.href = 'mail.php';
});
});
</script>

Donc quand je clique sur envoyer j'ai bien une alerte m'indiquant que le message à bien était envoyé, seulement je ne reçoit pas les messages.
J'ai donc essayé de retiré ce code et là je reçoit bien les messages sauf que je n'ai forcement plus de message d'alerte.

Si quelqu'un pouvait m'aider, D'avance merci
A voir également:

2 réponses

Kopros Messages postés 595 Date d'inscription   Statut Membre Dernière intervention   89
 
Salut,

$(this).serialize() retourne une string, du coup la syntaxe n'est pas bonne.

$(this).serialize() va retourne quelque chose du genre :
nom1=valeur1&nom2=valeur2


or voici une syntaxe correcte :
data: {nom1 : valeur1, nom2 : valeur2}

(Les valeurs prennent des quotes si elles ne sont pas numériques)

Bon courage
1
TheOliy Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   4
 
J'ai essayé mais le bouton "envoyer" n'envoie plus le formulaire
0
Kopros Messages postés 595 Date d'inscription   Statut Membre Dernière intervention   89
 
T'es sous quel navigateur ?
Sous chrome, tu fais Ctrl + Maj + J et t'as la console d'erreurs.
Sous Firefox, c'est le même raccourci mais il te faut Firebug (enfin, sans lui t'as quand même la console, mais c'est moins bien).

Voilà sinon pense aussi à mettre ton code.
0
TheOliy Messages postés 20 Date d'inscription   Statut Membre Dernière intervention   4
 
C'est bon j'ai finalement réussi en modifiant mon code comme ceci :

$('#contactform').submit(function(e){
e.preventDefault()

$.ajax({
url: 'mail.php',
type: 'post',
data: $(this).serialize()
}).done(function(response){
alert('Votre message à bien été envoyé. \n Merci !');
location.href = 'index.html';
});
});

Merci beaucoup
0
Kopros Messages postés 595 Date d'inscription   Statut Membre Dernière intervention   89
 
Ah oui j'avais pas fait gaffe qu'il manquait l'url ^^
0