Ajax Dynamische Inputklassen

Hallo,

ich stehe aufm Schlauch und bin mit meinen jQuery Kenntnissen an der Grenze...

Mein Vorhaben ist es, via jQuery ein Formular abzusenden.

Vorher habe ich feste Variablen genutzt für eine bestimmte Anzahl von Inputfeldern, nun soll das aber dynamisch sein.

Daher kann ich ja keine feste Anzahl von Variablen anlegen...

Die Inputfelder werden aus der Datenbank geladen, soweit klappt alles aber das abschicken der Daten in jQuery/Ajax fällt mir schwer...

Mit den festen Variablen klappt es

$('#calculate-mark').click(function() {
    var txtLN1 = $('.txtLN1').val(); var txtLN2 = $('.txtLN2').val();
    var txtLN3 = $('.txtLN3').val(); var txtLN4 = $('.txtLN4').val();
    var txtKL = $('.txtKL').val(); var txtLK = $('.txtLK').val();
    var txMN = $('.txtMN').val();
    $.ajax({
        type: 'POST',
        url: 'function/calculate.php',
        data: {
            'submit': true,
            'txtLN1': txtLN1,
            'txtLN2': txtLN2,
            'txtLN3': txtLN3,
            'txtLN4': txtLN4,
            'txtKL': txtKL,
            'txtLK': txtLK,
            'txtMN': txMN
        },
        dataType: 'json',
        success: function(data) { // ... //}
    });
});

Aber wie kriege ich das hin, dass jQuery bzw Ajax mir die ganzen Inputfelder dynamisch raus lädt und via Post verschickt?

Ich wüsste nicht wie ich das ohne Variablen umsetzen soll...

Zitat von Sempervivum

Das leistet die jQuery-Funktion serialize():

https://api.jquery.com/serialize/

Perfekt danke genau das habe ich gesucht.

Danke hab was neues dazugelernt