Inserting into database via JavaScript AJAX requests

Question

Let's say I have a form that has multiple inputs. Like an array... so we'd have:

<input name='firstname[]' type='text' value='' /> <input name='lastname[]' type='text' value='' /> <input name='dob[]' type='text' value='' /> 
<input name='firstname[]' type='text' value='' /> <input name='lastname[]' type='text' value='' /> <input name='dob[]' type='text' value='' /> 
<input name='firstname[]' type='text' value='' /> <input name='lastname[]' type='text' value='' /> <input name='dob[]' type='text' value='' /> 
<input name='firstname[]' type='text' value='' /> <input name='lastname[]' type='text' value='' /> <input name='dob[]' type='text' value='' />

Imagine instead of 4, there is like 50. OK, so the way I do it right now is through a regular HTML form submission using PHP like so:

foreach ($_POST['firstname'] as $fname) {
...
}

Anyway, would it be better to do it through a JavaScript foreach event where each submission is submitted or do one simple AJAX request then after that one is finished.. go to the next one until the submissions is done.

Quentin · Accepted Answer · 2014-04-17 08:13:02Z

4

HTTP requests are (in relative terms) very time consuming.

Send all the data in one go, just as you do with a regular form submission.

answered Apr 17, 2014 at 8:13

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Comments

Madhu · Accepted Answer · 2014-04-17 08:34:11Z

1

Serialize the Form elements and send as JSON to the other side.

var data = $("form").serialize()

$.ajax({ ... data:data .....

})

answered Apr 17, 2014 at 8:34

Madhu

2,5513 gold badges21 silver badges34 bronze badges

Collectives™ on Stack Overflow

Inserting into database via JavaScript AJAX requests

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related