$(this).serialize() — Wie fügt man einen Wert hinzu?

aktuell habe ich folgendes:

$.ajax({
    type: 'POST',
    url: this.action,
    data: $(this).serialize(),
});

Das funktioniert gut, aber ich möchte den Daten einen Wert hinzufügen, also habe ich es versucht

$.ajax({
    type: 'POST',
    url: this.action,
    data: $(this).serialize() + '&=NonFormValue' + NonFormValue,
});

Aber das wurde nicht richtig gepostet. Irgendwelche Ideen, wie Sie der Serialisierungszeichenfolge ein Element hinzufügen können? Dies ist eine globale Seitenvariable, die nicht formularspezifisch ist.

Während die Antwort von matt b funktioniert, können Sie auch verwenden .serializeArray() um ein Array aus den Formulardaten zu erhalten, es zu ändern und zu verwenden jQuery.param() um es in eine URL-codierte Form umzuwandeln. Auf diese Weise übernimmt jQuery die Serialisierung Ihrer zusätzlichen Daten für Sie.

var data = $(this).serializeArray(); // convert form to array
data.push({name: "NonFormValue", value: NonFormValue});
$.ajax({
    type: 'POST',
    url: this.action,
    data: $.param(data),
});

Anstatt

 data: $(this).serialize() + '&=NonFormValue' + NonFormValue,

Sie wollen wahrscheinlich

 data: $(this).serialize() + '&NonFormValue=" + NonFormValue,

Sie sollten darauf achten, den Wert von URL-kodiert zu verwenden NonFormValue ob es eventuell Sonderzeichen enthält.

erstens sollte nicht

data: $(this).serialize() + '&=NonFormValue' + NonFormValue,

Sein

data: $(this).serialize() + '&NonFormValue=" + NonFormValue,

und zweitens können Sie verwenden

url: this.action + "?NonFormValue=" + NonFormValue,

oder wenn die Aktion bereits Parameter enthält

url: this.action + "&NonFormValue=" + NonFormValue,

Vergessen Sie nicht, dass Sie immer Folgendes tun können:

<input type="hidden" name="NonFormName" value="NonFormValue" />

in Ihrer tatsächlichen Form, die für Ihren Code je nach Fall besser sein kann.

Zuerst Artikel hinzufügen und dann serialisieren:

$.ajax({
    type: 'POST',
    url: this.action,
    data: $.extend($(this), {'NonFormValue': NonFormValue}).serialize()
});

Wir können Folgendes tun:

data = $form.serialize() + "&foo=bar";

Beispielsweise:

var userData = localStorage.getItem("userFormSerializeData");
var userId = localStorage.getItem("userId");

$.ajax({
    type: "POST",
    url: postUrl,
    data: $(form).serialize() + "&" + userData + "&userId=" + userId,
    dataType: 'json',
    success: function (response) {
        //do something
    }
});

das ist besser:

data: [$(this).serialize(),$.param({NonFormValue: NonFormValue})].join('&')