Discussion :

[alainyvan]

Bonjour, mon script ajax me retourne toujours "error". L'envoie du mail est correct, mais ajax ne me retourne jamais "success". N'étant pas un expert en JS, je tourne en rond. Si quelqu'un à une explication, merci d'avance.

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
<form class="contactForm" data-toggle="validator" id="formContact" method="post" name="formContact" role="form">
<div class="form-group">
<input class="form-control" pattern="^([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5})$" data-error="Veuillez saisir une adresse email valide" data-toggle="tooltip" data-validate="true" id="email" name="email" placeholder="Email" type="text">
<div class="text-left help-block with-errors">
</div>
</div>
<div class="form-group">
<input class="form-control" pattern=".{1,2}" data-error="Veuillez saisir un sujet entre 5 et 30 caractères" data-toggle="tooltip" data-validate="true" id="subject" name="subject" placeholder="Sujet" type="text">
<div class="text-left help-block with-errors">
</div>
</div>
<div class="form-group">
<textarea class="form-control" data-minlength="2" data-error="Veuillez saisir un message d'au moins 20 caractères" data-toggle="tooltip" data-validate="true" id="message" name="message" placeholder="Message" rows="5"></textarea>
<div class="text-left help-block with-errors">
</div>
</div>
<div class="text-center">
<button class="btn btn-hot btn-xs disabled" id="btnSubmit" tabindex="-1" title="Send Message" type="submit" disabled>Valider</button>
</div>
</form>

Code PHP :

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
38
39
40
41
42
43
44
<?php
use PHPMailer\PHPMailer\PHPMailer;
require 'lib/PHPMailer/src/Exception.php';
require 'lib/PHPMailer/src/PHPMailer.php';
require 'lib/PHPMailer/src/SMTP.php';
 
$email = trim($_POST['email']);
$subject = trim($_POST['subject']);
$message = trim($_POST['message']);
 
$mail = new PHPMailer;
$mail->CharSet = 'UTF-8';
$mail->isSMTP();
$mail->isHTML(TRUE);
$mail->SMTPDebug = 2;
$mail->Host = '';
$mail->Port = 587;
$mail->SMTPSecure = 'tls';
$mail->SMTPAuth = true;
$mail->Username = "";
$mail->Password = "";
$mail->setFrom('');
$mail->addAddress($email);
$mail->Subject = $subject;
$mail->msgHTML(file_get_contents('sm.html'), __DIR__);
 
if(!$mail->send())
{
   $signal = 'err';
   $msg = 'Erreur';
}
else
{
   $signal = 'ok';
   $msg = 'Valide';
}
 
$data = array(
'signal' => $signal,
'msg' => $msg
);
 
echo json_encode($data);
?>

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
27
28
29
30
31
32
33
$(document).ready(function(){
$('form').submit(function(){
event.preventDefault();
$.ajax({
dataType: 'JSON',
url: 'mailer.php',
type: 'POST',
data: $(this).serialize(),
beforeSend: function(xhr){
$('#btnSubmit').html('Envoi en cours...');
},
error: function(textStatus, xhr){
$('.notification').jAddMessage({
html: '<p>Erreur de traitement</p>',
type: 'error',
buttonstyling: 'false'
});
},
success: function(response){
$('.notification').jAddMessage({
html: '<p>Votre message à été envoyé avec succes</p><p>Nous vous contacterons dans les meilleurs délais</p>',
type: 'success',
buttonstyling: 'false'
});
},
complete: function(){
$('#btnSubmit').html('Valider');
$('#btnSubmit').prop('disabled', true);
$('#formContact')[0].reset();
}
});
});
});

[Toufik83]

Salut

1-

Code :

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

1
2
3
4
 
$('form').submit(function(event){//event ici comme paramètre
      event.preventDefault();
...

2-Essaies de retourner l'erreur du xhr pour avoir plus de détails :

Code :

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

1
2
3
4
5
6
7
8
 
error: function(textStatus, xhr){
    $('.notification').jAddMessage({
        html: '<p>Erreur de traitement :'+textStatus.responseText+'</p>',
        type: 'error',
        buttonstyling: 'false'
    });
}

[alainyvan]

J'ai la réponse: undefined

[Toufik83]

et textStatus.responseText ?

[alainyvan]

J'ai le retour de PhpMailer

[Toufik83]

tu peux copier coller l'erreur ici ?

[alainyvan]

J'ai aussi ajouté textStatus.responseText pour success, après avoir commenté la ligne posant problème, est j'ai la valeur 'undefined'. Est-ce normal ?

[Toufik83]

.responseText est accessible seulement dans le callback "error", pas dans "success"

[alainyvan]

Mon problème semble être corriger, mais sans comprendre pourquoi.

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
use PHPMailer\PHPMailer\PHPMailer;
require 'lib/PHPMailer/src/Exception.php';
require 'lib/PHPMailer/src/PHPMailer.php';
require 'lib/PHPMailer/src/SMTP.php';
 
$email = trim($_POST['email']);
$subject = trim($_POST['subject']);
$message = trim($_POST['message']);
 
$mail = new PHPMailer;
$mail -> CharSet = 'UTF-8';
$mail -> isSMTP();
$mail -> isHTML(true);
$mail -> SMTPDebug = 0;
$mail -> Host = 'smtp.phpnet.org';
$mail -> Port = 587;
$mail -> SMTPSecure = 'tls';
$mail -> SMTPAuth = true;
$mail -> Username = "username";
$mail -> Password = "password";
 
$mail -> addAddress($email);
$mail -> setFrom('support@coppea.fr');
$mail -> Subject = "Accusé de réception de demande en ligne";
$mail -> msgHTML(file_get_contents('sm.html'), __DIR__);
 
($mail -> send()) ? $send_client = 1 : $send_client = 0;
 
$mail -> ClearAllRecipients();
$mail -> addAddress("mail@gmail.com");
$mail -> setFrom($email);
$mail -> Subject = "Demande en ligne";
$mail -> msgHTML($message);
 
($mail -> send()) ? $send_admin = 1 : $send_admin = 0;
 
if($send_client == 0 && $send_admin == 0) {
  $type = 'error';
  $msg = '<p>Notre site à rencontré un problème de traitement. Veuillez réessayez plus tard</p>';
}
else {
  $type = 'valid';
  $msg = '<p>Votre message à été envoyé avec succès</p><p>Nous vous contacterons dans les meilleurs délais</p>';
}
 
$data = array('type' => $type, 'message' => $msg);
 
echo json_encode($data);

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
$(document).ready(function(){
  $('form').submit(function(){
    event.preventDefault();
    $.ajax({
      dataType: 'json',
      url: 'mailer.php',
      type: 'POST',
      data: $(this).serialize(),
      beforeSend: function(){
        $('#btnSubmit').html('Envoi en cours...');
      },
      error: function(){
        $('.notification').jAddMessage({
          html: '<p>Notre site à rencontré un problème de traitement. Veuillez réessayez plus tard</p>',
          type: 'error',
          buttonstyling: 'false'
        });
      },
      success: function(data){
        if(data.type == "error"){
          $('.notification').jAddMessage({
            html: data.message,
            type: 'error',
            buttonstyling: 'false'
          });
        }
        else{
          $('.notification').jAddMessage({
            html: data.message,
            type: 'success',
            buttonstyling: 'false'
          });
        }
      },
      complete: function(){
        $('#btnSubmit').html('Valider');
        $('#btnSubmit').prop('disabled', true);
        $('#formContact')[0].reset();
      }
    });
  });
});

Merci

[Toufik83]

Cela a fonctionné parce que tu as écrasé l'affectation de variable de la ligne 25 (dans le code php) par 33.

puis tu as oublié de mettre event comme paramètre de la fonction submit, je te l'avais déjà dit...

Code :

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

1
2
3
4
 
 $('form').submit(function(event){//event ici !
    event.preventDefault();
    ....