10
votes

Pour soumettre un formulaire entre plusieurs formulaires en utilisant jquery-ajax

J'ai plusieurs formes avec le même nom de classe xxx

puis comment puis-je soumettre un seul formulaire parmi ce nombre n nombre de formulaires que j'ai essayé à l'aide de xxx

mais il soumet toujours une première forme parmi les n-formes. Comment peut soumettre une forme aléatoire entre les n-formes. Que quelqu'un m'aidait s'il vous plaît.


1 commentaires

3 Réponses :


13
votes

Vous devez faire référence au formulaire avec ce code> lorsque vous le serialisez-le ...

$(function () {
    $('form').on('submit', function (e) {
        $.ajax({
            type: 'post',
            url: 'addfr.jsp',
            data: $(this).serialize(),
            success: function () {
                location.reload();
            }
        });
        e.preventDefault();
    });
});


7 commentaires

+1 Battez-moi de moitié une seconde, mais cela semble être le problème, sérialisant toutes les formes à chaque fois que l'événement Soumettre sur l'un des formulaires est déclenché.


@Adeneo Vous devez vous rendre bien graissé pour être assez rapide sur ce site, n'est-ce pas! Tant qu'ils obtiennent leurs réponses :)


$ (this). Sérialize () Peut ne pas fonctionner dans AJAX Vous devez donc utiliser une variable pour cette référence , puis utilisez-le.


@Rohankkumar - Il n'y a pas de nouvelle portée, donc ce fonctionnera simplement bien.


@HARIKACHOUDARYKANIKANTI Que voulez-vous dire par "ne pas fonctionner"? Qu'est-ce qui se passe réellement?


@Archer désolé ça marche savoir. Merci pour votre travail


Pas de problème - content d'aider :)



1
votes

Utilisez ce mot-clé. Il soumettra le formulaire sur lequel l'événement a été déclenché.

Pourquoi utilisez-vous l'emplacement.Reload? P>

$('form').on('submit', function (e) {
    $.ajax({
    type: 'post',
    url: 'addfr.jsp',
    data: $(this).serialize(),
    success: function () {
        location.reload();
    }
 });


0 commentaires

0
votes
 You can try this...

 function submitForm(){
document.formName.action="actionName";
document.formName.submit();
 }


 <form method="post" name="formName" enctype="multipart/form-data">
  ....
 <input type="button" onclick="submitForm()"/>
 <form>

0 commentaires