La soumission d'un formulaire avec ajax dans WordPress

J'essaie d'obtenir les résultats d'une requête ajax dans wordpress, mais j'obtiens le résultat de '0' dans une boîte d'alerte javascript, de sorte que la forme ressemble à ceci:

<form class="form" id="ajax-contact-form" action="#">                            
        <input type="text" name="name" id="name"  placeholder="Name" required="">
        <button type="submit" class="btn">Submit</button>
</form>

Le javascript ressemble à ceci:

$('#ajax-contact-form').submit(function(e){

    $.ajax({ 
         data: {action: 'contact_form'},
         type: 'post',
         url: ajaxurl,
         success: function(data) {
              alert(data); //This prints '0', I want this to print whatever name the user inputs in the form. 

        }
    });

})

Et le PHP:

add_action('wp_ajax_contact_form', 'contact_form');
add_action('wp_ajax_nopriv_contact_form', 'contact_form');

function contact_form()
{
echo $_POST['name'];    
}

Personne ne sait si le code ci-dessus est correcte, j'ai aussi essayé de $_REQUEST['nom'] et il ne marche pas.

Merci beaucoup soo,

vous n'êtes pas d'envoyer des données au serveur autre que l'action
Qui ne fonctionnent pas, vous essayez d'accéder à un posté valeur qui n'a pas été soumis encore
Je vous suggère de regarder dans ce plugin jquery.malsup.com/form
Vous devez également inclure un champ nonce pour des raisons de sécurité - codex.wordpress.org/Function_Reference/wp_nonce_field

OriginalL'auteur MariaZ | 2013-09-13

  1. 8

    Essayer quelque chose comme cela, vous n'avez pas à ajouter de la name paramètre vous attendons dans votre PHP contact_form fonctionner, vous devez l'ajouter à la data attribut dans l'ajax de jQuery appel de fonction.

    $('#ajax-contact-form').submit(function(e){
    var name = $("#name").val();
    $.ajax({ 
         data: {action: 'contact_form', name:name},
         type: 'post',
         url: ajaxurl,
         success: function(data) {
              console.log(data); //should print out the name since you sent it along

        }
    });

});
    Puis-je utiliser jQuery serialize() au lieu de données: {nom:nom} ?

    OriginalL'auteur Sterling Archer

  2. 0

    Vous devez ajouter un attribut de nom de trop dans votre javascript.

    Il peut ressembler à ceci........

    $('#ajax-contact-form').submit(function(e){

$.ajax({ 
     data: {action: 'contact_form', name:name},
     type: 'post',
     url: ajaxurl,      
     success: function(data) {
          alert(data); 
    }
});

    })

    veuillez préciser la raison lorsque vous ne vous en bas de vote pour toute réponse ou question.

    OriginalL'auteur Shashank Shah