$(this).serialize() -- Comment ajouter une valeur ?

Question

Actuellement, j'ai les éléments suivants :

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

Cela fonctionne bien, mais j'aimerais ajouter une valeur aux données.

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

Mais ça ne s'est pas affiché correctement. Avez-vous une idée de la façon dont vous pouvez ajouter un élément à la chaîne sérialisée ? Il s'agit d'une variable globale de la page qui n'est pas spécifique au formulaire.

Answer 1

Bien que la réponse de matt b fonctionne, vous pouvez également utiliser .serializeArray() pour obtenir un tableau à partir des données du formulaire, le modifier, et utiliser jQuery.param() pour le convertir en un format codé en url. De cette façon, jQuery s'occupe de la sérialisation de vos données supplémentaires pour vous.

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

Answer 2

Au lieu de

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

vous voulez probablement

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

Vous devez veiller à coder l'URL de la valeur de l'option NonFormValue s'il peut contenir des caractères spéciaux.

Answer 3

Tout d'abord, il ne faut pas

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

être

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

et deuxièmement, vous pouvez utiliser

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

ou si l'action contient déjà des paramètres

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

Answer 4

N'oubliez pas que vous pouvez toujours faire :

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

dans votre formulaire actuel, ce qui peut être mieux pour votre code selon le cas.

Answer 5

Ajoutez d'abord l'élément et ensuite sérialisez :

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