Discussion :

[TBA_78]

Bonjour,

J'essaie de faire un formulaire de contact ajax sur mon thème one page perso et j'ai une erreur que je ne vois pas

Version Wordpress: 4.9.5

Dans la console, cela m'affiche: Uncaught SyntaxError: Unexpected token function
sur cette ligne: success(function(donnees) {

Pour tant, je ne vois aucune erreur après avoir passé en revue le code de nombreuses fois mais voilà, je ne suis pas fortiche en ajax. Je vous remercie de votre aide.

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
 
//Pour éviter les conflits jQuery, ne pas saisir ni le $ ni Document.ready
jQuery("#mailForm").submit(ajaxSubmit);
function ajaxSubmit(){
  var nouveauMail = jQuery(this).serialize();
  jQuery.ajax({
    url: 'wp-admin/admin-ajax.php',//Pour envoyer un formulaire via worpress
    type: 'POST',
    data: {action="my_action", 'formData': nouveauMail},//Pour envoyer les données sérializées
    success(function(donnees) {
      jQuery('#confirmation').html(donnees);
    }
    )});
  return false;
}

[mathieu]

l'appel à la fonction "success" se trouve au milieu d'une définition d'un objet JavaScript donc ce ne peut pas fonctionner.
ensuite avec JQuery, l'utilisation de la fonction de callback "success" n'est plus conseillée depuis la version 1.5, mais il vaut mieux utiliser la méthode "done" :
http://api.jquery.com/jQuery.ajax/

donc au final, l'appel AJAX devrait ressembler à ça :

Code :

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

1
2
3
4
5
6
7
8
9
jQuery.ajax({
	url: 'wp-admin/admin-ajax.php',// Pour envoyer un formulaire via worpress
	type: 'POST',
	data : {action : "my_action", 'formData' : nouveauMail},// Pour envoyer les données sérializées
})
.done(function (donnees) {
  jQuery('#confirmation').html(donnees);
})
;

attention aussi au "action=..." qui n'est pas correct.

[TBA_78]

Merci d'avoir répondu alors j'ai fais comme ça:

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
 
      function ajaxSubmit(){
        var nouveauMail = jQuery(this).serialize();
        jQuery.ajax({
        url: 'wp-admin/admin-ajax.php',// Pour envoyer un formulaire via worpress
        type: 'POST',
        data : {
          action : "my_action",
          'formData' : nouveauMail
        }// Pour envoyer les données sérializées
      })
        .done(function (donnees) {
          jQuery('#confirmation').html(donnees);
        })
        return false;
      }

cela ne me retourne aucune erreur, mais cela ne fonctionne pas.