Werte aus Form mit JS an weitere PHP Seite übergeben

[Toeb]

Hallo zusammen,

ich haben ein schönes Script gefunden, welches ich etwas anpassen muss, damit es so funktioniert wie ich es brauche. Leider habe ich da noch ein paar Schwierigkeiten und hoffe
mir kann dabei jemand etwas helfen. Das Problem sollte Minimal sein.

Es geht um folgendes, ich habe auf Seite 1 diesen Code stehen:

<h2 class="laden">Laden</h2>
        <input type="hidden" id="row" value="0">
        <input type="hidden" id="all" value="5">

wenn man auf den h2-tag klickt, wird folgendes Script (ein Ausschnitt)ausgeführt:

$('.laden').click(function(){
        var row = Number($('#row').val());
        var allcount = Number($('#all').val());
        row = row + 1;
        if(row <= allcount){
            $("#row").val(row);
            $.ajax({
                url: 'getData.php',
                type: 'post',
                data: {row:row},

Es werden die Werte der Input-Felder gelesen und der Wert von "row" mittels "post" an data.php weitergegeben.

Jetzt möchte ich noch zwei weitere Input-Felder hinzufügen, die in etwa so aussehen:

<input type="hidden" id="text" value="Hier steht ein Text">
<input type="hidden" id="rew" value="15">

Meine Frage ist, wie bekomme ich diese zwei Input-Felder in das Script, dass beide mit an data.php übergeben werden?

Ich freue mich, wenn mir dabei jemand helfen kann.

Vielen Dank und ich wünsche einen schönen und entspannten Sonntag.

Liebe Grüße
Toeb

[Christian Marquardt]

Entweder mit
data: {row:$('#row').val(), text:$('#text').val(),rew:$('#rew').val()},
oder

var fd = new FormData();
fd.append('row', $('#row').val());
fd.append('text', $('#text').val());
fd.append('rew', $('#rew').val());
         $.ajax({
                url: 'getData.php',
                type: "POST",
                async: true,
                data: fd,
                processData: false,
                contentType: false,
                success: function(response){
                alert(response);
                }
        error: function (xhr, status, error) {
        alert(xhr.responseText);
                }
        });

[Toeb]

Hat funktioniert. Vielen Dank für die schnelle Antwort!