mam przykładowy formularz:

[HTML] pobierz, plaintext 
{% for key,match in matches %}
<form>
<input type="text" name="firstname[]" id="firstname" '>
<input type="text" name="lastname[]" id="lastname" '>
</form>
{% endfor %}
[HTML] pobierz, plaintext 

i wysyłam dane z niego ajaxem do bazy danych:

[PHP] pobierz, plaintext 
        <script type="text/javascript">
            $(document).ready(function(){
                $("#submit").click(function(){
                    $.ajax({
                        url:"{{ path('costam') }}",
                        type:"POST",
                        data:{
                            firstname: $("#firstname").val(),
                            lastname: $("#lastname").val(),
                        },
        .... 
        </script>
[PHP] pobierz, plaintext 

Niestety w bazie po wysłaniu pojawia się tylko jeden nowy rekord, a powinienem mieć 10 nowych rekordów ponieważ tyle przesyłałem w formularzu.

Co robię źle ?
Czy w kodzie jQuery w sekcji "data" mam dobrze zrobione przypisanie danych ?

Dane wyciągasz po id które w dokumecie może być jedno unikalne.

A czemu nie wsadzić tego do jednego formularza i wówczas go posłać po zserializowaniu → http://api.jquery.com/serialize/

Viking rozumiem a więc po klasie a nie po ID ...
a więc w formularzu ma być tak:

[HTML] pobierz, plaintext 
<input type="text" name="firstname[]" id="firstname" class="firstname">
[HTML] pobierz, plaintext 

a w skrypcie tak:

[PHP] pobierz, plaintext 
data:{
   firstname: $(".firstname").val(),
   lastname: $(".lastname").val(),
},
[PHP] pobierz, plaintext 

?

tylko chyba nadal coś nie tak bo dodaje mi ciągle po jednym rekordzie.

Kombinujesz. Zrób jeden formularz, coś typu:

I proponuję przesłać ten formularz po serializacji.

ok spróbuję z serializacją.

nie wiem jednak czy ja to robię dobrze:

[HTML] pobierz, plaintext 
<div class="form">
    <div class="coupon_form">
        {% for key,match in matches %}
            <input type="hidden" name="match_id[]" id="match_id" class="match_id" value="{{ match.match_id }}">
            <div class="coupon_form_desc">
            {{ match.description }}
            </div>
            <div class="coupon_form_host">
                {{ match.host }}
            </div>
            <div class="coupon_form_host_type">
               <input type="text" name="hostType[]" id="hostType" class="hostType" maxlength='1'>
            </div>
            <div class="coupon_form_dash">-</div>
            <div class="coupon_form_guest_type">
                <input type="text" name="guestType[]" id="guestType" class="guestType" maxlength='1'>
            </div> 
            <div class="coupon_form_guest">
                {{ match.guest }}
            </div>
            <div class="coupon_form_term">
               {{ match.term }}
            </div>
        {% endfor %}
   </div>
   <input id="submit" type="submit" value="Submit">
</div>
 
<script type="text/javascript">
            $(document).ready(function(){
                $("#submit").click(function(){
                    $.ajax({
                        url:"{{ path('typerka_types') }}",
                        type:"POST",
                        data: $(".form").serialize(),
                        dataType:"JSON",
                        success:function(data){
                            console.log(data);
                            alert(data);
                        },
                        error: function() {
                            console.log("Wystąpił błąd");
                        }
                    });
                });
            });
</script>
[HTML] pobierz, plaintext 

jak patrzę w Firebugu to console.log wyświetla mi "wystąpił błąd" - dlaczego ?
Poza tym dostaję następujący kod błędu serwera: 500 Internal Server Error

A jaki błąd dokładnie rzuca Firebug?

a jednak działą

wielkie dzięki za pomoc.

Pozdrawiam