Formulaire e-mail jQuery, comment envoyer toutes les informations des champs?

Question

J'ai un simple formulaire de contact par courriel qui a plusieurs champs de saisie. À l'heure actuelle, il envoie uniquement la valeur de l'un des champs (message). Comment puis-je modifier le code afin que je puisse envoyer toutes les informations des champs? J'ai environ 15 champs.

Voici le code:

$('#submit').click(function(){ 

$.ajax({ 
type: "POST", 
url: "mail.php", 
data: ({email : $("#email").val(), message: $("#message").val()}), 
cache: false, 
error: function() { 

    alert('did not go thru'); 
    }, 
success: function(html){ 
//$("#response").fadeIn("slow"); 
$("#tab1").html(html); 
//setTimeout('$("#response").fadeOut("slow")',2000); 
alert('mail sent'); 
} 
}); 


}); 

Answer 1

Pourquoi ne pas ajouter les autres champs à données?

Answer 2

Si vous donnez la forme d'un identifiant au lieu, et déplacez le rappel à l'événement soumettre le formulaire, vous pouvez facilement utiliser la méthode serialize pour envoyer automatiquement le formulaire en entier:

$('#form-id').submit(function(){ 

$.ajax({ 
type: "POST", 
url: "mail.php", 
data: $(this).serialize(), 
cache: false, 
error: function() { 

    alert('did not go thru'); 
    }, 
success: function(html){ 
//$("#response").fadeIn("slow"); 
$("#tab1").html(html); 
//setTimeout('$("#response").fadeOut("slow")',2000); 
alert('mail sent'); 
} 
}); 


});