How to add data via $.ajax ( serialize() + extra data ) like this

Question

I want to add extra data after i use $(\'#myForm\').serialize() + extra data

$.ajax({
   type: \'POST\',
   url: $(\'#myForm\').attr(\'action\'),
   data: $(         


        

Answer 1

What kind of data?

data: $('#myForm').serialize() + "&moredata=" + morevalue

The "data" parameter is just a URL encoded string. You can append to it however you like. See the API here.

Answer 2

Personally, I'd append the element to the form instead of hacking the serialized data, e.g.

moredata = 'your custom data here';

// do what you like with the input
$input = $('<input type="text" name="moredata"/>').val(morevalue);

// append to the form
$('#myForm').append($input);

// then..
data: $('#myForm').serialize()

That way, you don't have to worry about ? or &

Answer 3

You can do it like this:

postData[postData.length] = { name: "variable_name", value: variable_value };