formulaire de contact ajax sur mon thème one page perso

Version imprimable

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:

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; }

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:

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.

Formulaire ajax

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

Code:

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.