Discussion :

[cdevl37]

Bonsoir,

J'ai créé un formulaire en php et il ne m'indique aucune erreur quand je fais ENVOYER, mais ça ne fonctionne pas, si vous avez une idée ?

Mon formulaire dans mon fichier index.html :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<form>
                        <div class="field">
                            <label class="label">Votre nom</label>
                            <div class="control">
                              <input id="name" class="input" type="text" placeholder="votre nom" name="name">
                            </div>
                          </div>
                          <div class="field">
                            <label class="label">Votre prénom</label>
                            <div class="control">
                              <input id="firstname" class="input" type="text" placeholder="votre prénom" name="firstname">
                            </div>
                          </div>
                          <div class="field">
                            <label class="label">Votre email</label>
                            <div class="control">
                              <input id="email" class="input" type="text" placeholder="votre email" name="email" >
                            </div>
                          </div>
                          <div class="field">
                            <label class="label">Votre message</label>
                            <div class="control">
                              <textarea id="message" class="textarea" placeholder="votre message..." name="message"></textarea>
                            </div>
                          </div>
                    </form>
                    <button class="button is-link" id="send_email">Envoyer !</button>

mail.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<?php
if($_POST){
  $firstname = $_POST['firstname']
  $email = $_POST['email'];
  $name = $_POST['name'];
  $message = $_POST['message'];
 
  $headers = "MIME-Version: 1.0\r\n";
  $headers .= "Content-type: text/plain; charset=iso-8859-1\r\n";
  $headers .= "From: $name <$email>\r\nReply-to : $name <$email>\nX-Mailer:PHP";
 
  $subject="Infos";
  $destinataire="MonMail@gmail.com";
  $body="$message";
 
  if(mail($destinataire,$subject,$body,$headers)) {
    $response['status'] = 'success';
    $response['msg'] = 'your mail is sent';
  } else {
    $response['status'] = 'error';
    $response['msg'] = 'Something went wrong';
  }
 
  echo json_encode($response);
}
?>

et mon main.js

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

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
// send email
    $('#send_email').click(function(e){
		e.preventDefault();
		var data = {
			email: $('#email').val(),
			name: $('#name').val(),
			objet: $('#firstname').val(),
			message: $('#message').val()
		};
		$.ajax({
			url: "mail.php",
			type: 'POST',
			data: data,
			success: function(data) {
				$('#js_alert_success').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_success').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			},
			error: function(data) {
				$('#js_alert_danger').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_danger').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			}
		});
	});
});

[Toufik83]

Salut,

Tu envois objet: $('#firstname').val() dans le paramètre data de l'ajax pourtant tu essaies de le récupérer en tant que $_POST['firstname'] en php.


Modifies ton paramètre ajax objet en firstname, ou bien l'inverse en remplaçant le $_POST["firstname"] par $_POST["objet"].

Ton fichier php renvoit un résultat json avec json_encode(), alors que le dataType d'ajax n'est pas défini à "json" :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
$.ajax({
    ....,
    dataType:"json", // imporrtante !!!    
});

Puis il y a un point virgule manquant dans :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$firstname = $_POST['firstname'] // ici !

[cdevl37]

Merci à vous pour votre réponse.

j'ai fais les modifications mes sa ne fonctionne pas, j'ai peut être pas mis au bon endroit dans mon fichier main.js ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

dataType:"json",

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

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
// send email
    $('#send_email').click(function(e){
		e.preventDefault();
		var data = {
			email: $('#email').val(),
			name: $('#name').val(),
			firstname: $('#firstname').val(),
			message: $('#message').val()
		};
		$.ajax({
                        dataType:"json",
			url: "mail.php",
			type: 'POST',
			data: data,
			success: function(data) {
				$('#js_alert_success').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_success').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			},
			error: function(data) {
				$('#js_alert_danger').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_danger').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			}
		});
	});
});

[Toufik83]

Salut,

j'ai fais les modifications mes sa ne fonctionne pas,

tu veux dire quoi par "ça ne fonctionne pas" ? une erreur ? ou bien pas d'erreur mais l'email n'est pas envoyé ?

Il faut t'assurer d'abord que le retour du fichier php est exécuté dans success et pas error :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
success: function(data) {
   console.log("data :",data);//ça donne quoi cette ligne?
},
error:function(data){
   alert("Erreur ajax :",data.reponseText);//au cas où il y a une erreur, cette alerte s'affichera.
}

[cdevl37]

Bonsoir,

Je n'ai aucune erreur mais le mail n'est pas envoyé, en ce qui concerne votre bout de code comment je dois l’intégrer dans mon code ? Car je n'ai jamais fait de js.

mon script main.js :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

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
$('#send_email').click(function(e){
		e.preventDefault();
		var data = {
			email: $('#email').val(),
			name: $('#name').val(),
			firstname: $('#firstname').val(),
			message: $('#message').val()
		};
		$.ajax({
            dataType:"json",
			url: "mail.php",
			type: 'POST',
			data: data,
			success: function(data) {
				$('#js_alert_success').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_success').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			},
			error: function(data) {
				$('#js_alert_danger').css({'display' : 'block'});
				setTimeout(function(){
					$('#js_alert_danger').css({'display' : 'none'});
					$('#email').val("");
					$('#name').val("");
					$('#firstname').val("");
					$('#message').val("")
				}, 3000);
			}
		});
	});

[Toufik83]

Tu n'as pas mis ni la console.log dans success, ni alert dans error.

Allezzzz un peu d'effort (copier/coller) de ta part s'il ta plait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
success: function(data) {
         console.log("data success : ",data);//ouvre la console du navigateur (F12 sous chrome) et regarde si cette ligne est affichée ! 
         $('#js_alert_success').css({'display' : 'block'});
	  setTimeout(function(){
		$('#js_alert_success').css({'display' : 'none'});
		$('#email').val("");
		$('#name').val("");
		$('#firstname').val("");
	        $('#message').val("");
	}, 3000);
},
error:function(data){
        alert("Erreur ajax :",data.responseText);//cette alerte est affichée ou pas ?
        $('#js_alert_danger').css({'display' : 'block'});
	setTimeout(function(){
		$('#js_alert_danger').css({'display' : 'none'});
		$('#email').val("");
		$('#name').val("");
		$('#firstname').val("");
		$('#message').val("");
	 }, 3000);
}