Getting data using formdata?

Question

Here's my form:

    <form id="content-add-form" role="form" name="content-add-form" enctype="multipart/form-data">

I'm trying to get form data using:

var formData = new FormData($('#content-add-form'));

But it's not working, any ideas why?

Community · Accepted Answer · 2020-06-20 09:12:55Z

3

Try this

var formData = new FormData($('#content-add-form')[0]);

You need to pass the actual form element - not the jQuery object containing it.

Constructor

new FormData (optional HTMLFormElement form)

As for why you can't see the data, read here: How to inspect FormData?

CommunityBot

11 silver badge

answered Mar 7, 2014 at 16:40

Johan

35.4k62 gold badges191 silver badges309 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Actually, this still does not work. I can now get out anything I append to form data, but not the data I intialize it with.

@panthro Well, it will always be a snapshot of the form in its current state.

Yes, I have fillied in data, nothing is coming through

@panthro My test is working fine. See the update. I think your problem lies elsewhere