how to modify formData jquery

Question

I want to submit a form with ajax. I get data of from using FormData like this:

var data = new FormData($(this)[0]);

one of form's input is a color value in HSV format. I want to convert it to hex value. I have a jquery function to convert it, but I don't know how can I manipulate it's value in FormData.

another question is: How can I remove some fields (key, value) from FormData?

Please post the whole code, because your question is unclear there — w3spi, Aug 31 '15 at 14:00
my code is a simple ajax form submittion. I get data of from using FormData(). I want to manipulate values of inputs of form that is in FormData(). — fullOfQuestion, Aug 31 '15 at 14:04
Maybe this will helps you : http://stackoverflow.com/a/8244082/3452348 — w3spi, Aug 31 '15 at 14:07
I can't access values of FormData() yet. but I can override values using append(key, value) . thanks Mr zlen — fullOfQuestion, Aug 31 '15 at 15:03
`append()` does not override, it appends. `set()` overrides. — OXiGEN, Jun 16 '19 at 06:51

score 5 · Answer 1 · answered Jun 16 '19 at 06:50

To get values by field name, use get().

data.get('color');

If there are multiple values sharing the same field name, use getAll().

data.getAll('colors');

To replace values by field name, use set().

data.set('color', '#abcdef');

It's important to note that set() replaces while append() appends when the field name exists. From the docs:

The set() method of the FormData interface sets a new value for an existing key inside a FormData object, or adds the key/value if it does not already exist.

The difference between set() and FormData.append is that if the specified key does already exist, set() will overwrite all existing values with the new one, whereas FormData.append will append the new value onto the end of the existing set of values.

To delete values by field name, use delete().

data.delete('color');

how to modify formData jquery

1 Answers1