Using FormData Objects Effectively

This video explains how you can use a FormData object to quickly and easily grab all the data from any form and send that to a web server.
You can even convert that data into JSON data and send that to the server.

[trophieboi]

I watched your Cordova tutorials two years ago.
helped me a lot.
can't believe u are still uploading.


u helped me code when I was jus starting with js.

a big thank u.

[kevinrayparas]

my best professor all time i watched your all javascript tutorial

[allanregista]

This is the tutorial I've been searching for... That preventDefault explanation helps my flashing php response. Thank you for making this and for your efforts sifu. May God always be with you 🙏.
U just earned a new sub.

Would u kindly please make more of web programming tutorials.

[Gollumfili]

I wish I would have arrived at this video first. It would have saved me loads of time and wasted effort, so methodically and well explained. Thank you.

[dimplechhapolia]

i have learnt a lot from your videos, i have been struggling to post FormData to rest api, at api end my data was not being read. after watching your video i got to know i need to convert formData to json and it worked.Thanks a ton!!

[saifhamdare]

Video we don't deserve but the video we need 🙌🏻. Really helpful was searching for such a beautifully explained video about form data and forms over all. And youtube suggested me this awsm video🚀. Got a new subscriber man

[kikish_sabina]

Steve Griffith, thank you so much! I was trying to fix the bug whole day, after watching this video, I have fixed it, thank you so much! I addressed many qualified developers about this bug, but they couldn't deal with that😢
❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤ I regret to not to find you earlier! Thank you!

[pauloramos]

Stumbled onto your channel via this video
Just really wanted to say thank you for your tutorials.
I'm a web developer with a couple of decades under my belt, weaning myself off jQuery
Been slowly going through your other JavaScript videos and they have been really helpful.
Mostly suck eggs, but a lot of reinforcement and picking up bits and pieces that are rounding out my knowledge with some Aha! moments thrown in.
Like scratching an annoying itch when you fill gaps in understanding that have been bothering you for years
So thank you Sir ;)

[msdeveloper]

Excellent tutorial. Your voice is so soothing.

[mackynikat]

. i was foguring this out starting yesterday and after almost already having can hang on this i remember this vid that i've watched b4 . haha, very neat explanation prof . on my way on the next vid still bwt this

[rubenvandevelde]

me: Fetch
formData: empty
me: fetch again
formData: empty
me: :(

Steve: add a name attribute
me: :)

[Pareshbpatel]

Excellent demonstration of extraction, and use of Form data. Thanks.

{2022-07-12}}

[nChauhan]

Quick tip: For converting formdata to an Object use

[Coretalless]

I have 3 Excel spread sheets I'm trying to a page to reference. When a user enters a zip code it will, depending on zipcode, lookup data from one of 2 spreadsheets and when someone enters a number in the number of people field it will select a column in the associated spreadsheet. I'm also struggling to get my page to give a grand total of the 5 forms I have added the page.

[HUE]

Great video! If I wanted to group my json file with sub groups, say, city, state, and street under address, how could I do that?

[mackynikat]

. finally did it prof after almost 16 hours of straight work . thanks to ur neatness my empty pauses dream finally got a final soluttion . i can now use axios with the loops you indicated here to use fd in axios to prevent myself not to reload the page on submit on my srr website which also means i can already execute jargons pre/post submit while having proper headers and sending it neat on server . haha, going to sell this for $41k to $53k ^^_

[yannicknana]

Very interesting ! I didn't know handling forms could be less exhaustive

[RedEyedJedi]

Amazing, informative and detailed video as always Steve, thank you for making it. lol @ your I love spam, checkbox joke.

[hernangarcia]

great, you save my wasted time!! Thanks!!

[AnthonyCox-qd]

Great explanation! Just curious, how does HasData handle form data scraping with JavaScript-heavy sites?