jQuery serializeArray() add another value on top for passing to Ajax

Question

I\'m doing the following:

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


        

Answer 1

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

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

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

Late to the party, but I personally prefer

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

Answer 4

I think it's just

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

Answer 5

try

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