ajax submit multiple forms via jquery

Question

so suppose I have 3 forms

<form name="form1">
<input name="input"></input>
<submit></submit>
</form>

<form name="form2">
<input name="input"></input>
<submit></submit>
</form>

<form name="form3">
<input name="input"></input>
<submit></submit>
</form>

Each of the form has its own submit button

now suppose I have another form

<form id="submitAll">
<submit value="submit all"></submit>
</form>

whose sole function is to submit all the other 3 forms simultaneously....now here are the constraints:

when submitAll is submitted, it has to do so using Ajax and forward the input data from all the other 3 forms to processor.php preferably via POST
processor.php needs to be able to distinguish between which inputs go to which form...and then process the inputs of each form separately

My question is....what is be the best way to make processor.php be able to distinguish which inputs belong to which form.....

My previous attempts was to use jquery's serialize to serialize all the 3 forms' inputs, but then it would merge all the inputs into one string and notice that since the inputs in the forms have the same name, the string goes like "input=blah&input=blah&input=blah" and I can't distinguish between which input goes to which form.....

It is highly preferable to have the inputs in the forms to have the same name so that processor.php can execute smoothly

Is there away to make POST strings be passed as arrays or json or any other format so that processor.php can distinguish which input goes to which form without making the input names differ? remember it needs to do so via Ajax

thanks in advance!!!

Ish · Accepted Answer · 2010-12-02 22:55:34Z

2

Why don't you use naming convention like

name="Form1[input]"
name="Form2[input]"
name="Form3[input]"

then do regular serialize and $.post, this will help you keep the same naming convention in processor loop

EDIT:

<?php 
foreach($_POST as $form) {
     // $form = array('input' => 'i am here')
     processForm($form); // names are still the same for all forms
}
?>

edited Dec 2, 2010 at 22:55

answered Dec 2, 2010 at 22:44

Ish

29.8k11 gold badges62 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kamikaze_pilot Over a year ago

if you do so, would it be parsed as a multidimensional array? so suppose $post contains all the post data ($_POST), would $post["form1"] be an array containing all the inputs of form1?...so $post["form1"]["input"] would contain the input value?

Josiah Ruddell · Accepted Answer · 2010-12-02 22:55:23Z

1

Wouldn't you want to use an array? The inputs would be in the order they were serialized.

<input name="input[]" />

answered Dec 2, 2010 at 22:55

Josiah Ruddell

29.9k8 gold badges68 silver badges68 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 11:55:27Z

0

<form name="form1" class="postable"></form>
<form name="form2" class="postable"></form>
<form name="form3" class="postable"></form>

javascript:

$(document.ready(function(){
    $("a.submitforms").click(function(){
       $('form.postable').each(function(){
           Form = $(this);
           payload = $(Form).serialize();

          //Send payload via Ajax.
       });
    });
}));

This is just an alternative method but I agree with Ish Kumar's Method!

edited May 23, 2017 at 11:55

CommunityBot

11 silver badge

answered Dec 2, 2010 at 23:05

RobertPitt

57.3k21 gold badges117 silver badges161 bronze badges

Collectives™ on Stack Overflow

ajax submit multiple forms via jquery

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related