Вставка в базу данных с помощью JavaScript AJAX-запросов

Скажем, у меня есть форма с несколькими входами. Как массив... так что у нас было бы:

<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='' />

Представьте себе, что вместо 4, есть как 50. Хорошо, так что я делаю это прямо сейчас через регулярное представление HTML-формы с использованием PHP следующим образом:

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

Во всяком случае, было бы лучше сделать это с помощью события JavaScript foreach где будет отправлено каждое представление, или сделать один простой запрос AJAX, после чего он будет завершен. Перейдите к следующему, пока заявки не будут выполнены.