jquery .serializeArray(); add another value on top for passing to ajax

Question

im doing following

var data = $(form).serializeArray();
// now i want to  add another value on this data
data.username = 'this is username';

i want to know how can i add another value after doing serializeArray(), i tried all the things i know, but nothing is getting it to work. any ideas pls.

Answer 1

try

data[data.length] = { name: "username", value: "The Username" };

Answer 2

var data = $(form).serializeArray();
data.push({name: 'username', value: 'this is username'});

see also: jQuery post() with serialize and extra data

Answer 3

var FormAttr = $('#form_id').serializeArray();

FormAttr.push({name: "Name_Of_Attribute", value:"Value_Of_Attributes"});

Answer 4

Late to the party, but I personally prefer

const data = $(form).serializeArray().concat({
    name: "username", value: "The Username"
});

Answer 5

I think it's just

data['username'] = 'this is a username';