[Ajax,jQuery] Przypisanie danych przed wysłaniem Opcje

[damianooo]

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 ?

Ten post edytował damianooo 28.06.2016, 19:23:21

[Comandeer]

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

Kod

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

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