Afficher les données de toutes les entrées avec jQuery?

Question

Je génère quelques <input> s avec des noms aléatoires sur la page (près de dix à la fois).

Collé à une question sur leur soumission.

J'utiliser ce code pour soumettre:

$('.table_data').submit(function(event) 
{ 
    event.preventDefault(); 
    // some validation check and then 

    $.post(url, {user_mail: mail}, function() 
    { 
     alert('done); 
    }); 
}); 

Le problème est, elle soutient user_mail seulement.

Comment soumettre des données de <input> s?

Avez essayé d'utiliser $.post(url, function(){}), il n'envoie rien.

Il est possible d'obtenir toutes les entrées dans le tableau, puis passer à la fonction $.post, mais je ne suis pas sûr de savoir comment le faire correctement.

Answer 1

Si votre nom de classe de formulaire est table_data puis utilisez cette

$.post(url,$('.table_data').serialize(), function(){}) 

Et vous obtiendrez comme la clé de votre tableau global POST d'entrée sous forme names.

code complet

$('.table_data').submit(function(event) 
{ 
    event.preventDefault(); 
    // some validation check and then 

    $.post(url, $(this).serialize(), function() 
    { 
     alert('done'); 
    }); 
}); 

En savoir plus sur $.serialize

Answer 2

Vous pouvez utiliser this d'envoyer tous les éléments du formulaire.

Answer 3

Vous empêchez le comportement par défaut lors de l'envoi d'un formulaire en utilisant event.preventDefault(), puis en envoyant uniquement la valeur usermail au serveur à l'aide d'ajax. D'après ce que je comprends, vous devez sérialiser le formulaire afin que vous puissiez obtenir tous les noms et leurs valeurs, puis l'envoyer au serveur. Pour que vous avez besoin dans la fonction serialize jQuery

Answer 4

$.post(
    url,     // url to submit 
    $(this).serialize(), // make a standard-looking query string using all inputs value 
    function(response) {   
    // success function 
    // in parameter response is to capture data send from capture 
    }, 
    'json' // dataTyep in which format you're accepting 
      // data from server may be html, xml ans so on 
); 

refs connexes:

• $.serialize()

• $.post()