envoyer une partie spécifique des champs de formulaire au serveur en utilisant ajax?

L’application contient différentes sections avec de nombreux champs de formulaire dans différentes sections.
Je dois mettre à jour chaque section séparément en utilisant ajax. Comment soumettre les champs de section spécifiques en utilisant ajax ???
Ici, toutes les sections sont sous une seule forme.
Comme suit..

 Section A:  Section B:  .......

Si je soumets un formulaire en utilisant ajax, il envoie tous les champs du formulaire .. Mais je sauvegarde une section spécifique à la fois ..
Tout moyen de mettre en œuvre cette exigence ???
Merci d’avance..

Vous avez indiqué que vous pouviez soumettre le formulaire complet avec Ajax. Par conséquent, je suppose que vous n’avez pas besoin d’aide pour écrire le $.ajax() (ou $.post() ou quoi que ce soit d’autre), vous avez simplement besoin savoir comment obtenir les valeurs de certains champs.

Vous pouvez utiliser plusieurs formulaires, un par groupe. Pour moi, cela semble être le moyen le plus simple, mais cela ne fonctionnera pas si vous devez également pouvoir soumettre tous les champs à la fois (peut-être pour autoriser les navigateurs avec JS désactivé). .

Ou vous pouvez utiliser la méthode .serialize() uniquement sur les champs d’une section particulière. Donnez aux champs une classe les identifiant comme appartenant à une section particulière et utilisez $(".sectionClass1").serialize() ou placez les champs dans un autre type de conteneur, par exemple un

, et sélectionnez en conséquence avec $("#section1 :input").serialize() .

Deux façons que je peux suggérer

Utilisez le sélecteur Dom pour séparer les champs de formulaire, puis sérialiser les valeurs.
Utilisez plusieurs formulaires pour sérialiser les valeurs de formulaire.

Exemple Gist de multi forme

Ensuite, vous pouvez utiliser JQuery standard pour sérialiser et soumettre des valeurs

 $("#form1").serialize() $("#form2").serialize()