Sending Form Data (POST) with the Fetch API in JavaScript

[@dcode-software]

*RELATED VIDEO: UPLOAD FILES WITH THE FETCH API* kzbin.info/www/bejne/mZbMY3aea51mp5I 🏷 *THE ULTIMATE JAVASCRIPT DOM CRASH COURSE* 👇 www.udemy.com/course/the-ultimate-javascript-dom-crash-course/?referralCode=DC343E5C8ED163F337E1

[@webdev4786]

people like you are making the world a better place.

[@karentutor5470]

Thx for this I honestly spent a long time looking for a simple way to submit form data using the fetch api - this fits the bill. Thanks again for the great tutorial!

[@1000hourshower]

You helped me out big time. You're the only chap on here making sense with this matter. Thanks.

[@Lord-v2s]

Please help me, I keep getting an *http 405 (Method not Allowed)* error when I run my project. What do I do? Do I have to change something in *Xampp*?

[@holup5035]

same

[@Levelord92]

Fucking awesome dude! I finally understand that FormData is an analog for jquery's serialize() form and pushing it into array, which we then send with data key.

[@dcode-software]

Yeah that's it mate!!

[@Unerty]

If you get an error "Failed to construct 'FormData': parameter 1 is not of type 'HTMLFormElement'", then replace const formData = new FormData(this); with const formData = new FormData(HERE_PUT_YOUR_FORM_OBJECT); For example, i if you have const myForm = document.getElementById("myForm"); then put const formData = new FormData(myForm);

[@basselturky4027]

Thank you legend

[@akshitkhajuria4362]

Great tut. But you should never send sensitive info like passwords as URL encoded strings. Use POST with https instead. POST method doesn't encode query params in the url.

[@inteltone]

Thanks a lot for this video tutorial! It is very useful.

[@davidmajdandzic7388]

Thank you so much! Your video just ended hours of head scratching and screaming swear words! 🥳

[@hoo_chuchu_0901]

고맙다!! 당신 덕분에 문제를 해결했다. 중요한내용을 확실히 집어주는 당신은 정말 최고! 나의 스승이 되어줘! Thank you !! You solved the problem. You are really nice guy! Be my teacher!

[@stepdate]

Thank you, this was extremely helpful!

[@tamas-pamas]

When would you use urlencoded form data and multipart form data? what is the point to parse into URLSearchParams object? To me it is just an extra step

[@bjornleonhenry9750]

your videos are explosive 💥 coding dynamite

[@coredatallc5671]

Very nice video. Now extend this to include MySQL query response using PDO and you will have a gem.

[@cjmarchi]

simple and 100% working solution. Tks :)

[@dcode-software]

No problem :)

[@steveg917]

not 100%.. the "this" go to the window.. you need to bind it

[@hitsu-kun]

Thanks so much! You save my day

[@sir.charless.7443]

you didn't show the php file, how do use the the data sended?

[@dcbiz]

Very helpful and much appreciated.

[@randomvideoguy3340]

I love you for posting this ty so much

[@dcode-software]

No worries mate 😁

[@pastorfred2543]

Wow..This is super useful.. Thanks

[@madsnielsen9295]

Thank you very much for this tutorial. Can i ask what kind of parameter type would my restful API POST request need?

[@olifer-br]

Awesome! Thank you

[@arashnikbakht129]

Great video, how can we send inputs like this one

[@nidhishettigar6981]

I am getting error - uncaught typeerror cannot read properties of null(reading addeventlisterner) . This is for variable myform. How can i solve this error please help!!!

[@angladephil]

Thank you very much for this and your other tutorials, which I follow with great attention and benefit ! Sorry I come late after this video, but I have a question : how to handle so simply the FormData object (and it's data) without PHP? For example through Node.js ? Thank you in advance . Greetings from France.

[@guruprasadhmathivanan4040]

Hi sir I'm guruprasadh

[@guruprasadhmathivanan4040]

From india

[@guruprasadhmathivanan4040]

I've created an rest api using spring boot

[@guruprasadhmathivanan4040]

But I give value using postman

[@muhammadzubair4754]

how to load html form data using json data file?

[@IBITZEE]

a teaser... strictly at client side (no control over the server...) I need to pass the form data from one page to the next called page... but with (yeah,,, with post) I know I can do it via GET/parms-in-url via H5/localStorage or via H5/sessionStorage... but??? is there anyway to do it with POST/action??? the form information/fields,,, of course are in the HTTP headers...

[@kolinsukhadia3219]

array(0){ } server show this so what I have to do to solve this error?

[@luismaestro23]

what about the php file where you recieve the formdata

[@syrymzhakypbekov1949]

very informative !

[@brunogigliofreitas]

The "this" didnt work for me

[@holup5035]

you probably used arrow function in addEventListener

[@dipzera1025]

How would you combine this with validation?

[@troonder6274]

NICE NICE NICE, thanks ^^

[@bryandelacruz9066]

thanks do you also have a code for edit and delete? thanks

[@handersenadriano1309]

thanks very much

[@dcode-software]

No worries mate!

[@jeremiahjohnson1594]

this is with php...what of js

[@guruprasadhmathivanan4040]

How to send form data using fetch api with raw data

[@shazythings8798]

Helpful

[@kemmrthappy2804]

thanks a bit can u try out using fetch api with a input type=file

[@naomifeedcow]

Awesome!

[@robitops1547]

Thanks but input:file return Object not value

[@s.agamerz7962]

What a typing speed

[@dcode-software]

👀👀👀

[@WebdesignemFoco]

Wonderfull

[@ajmalnajath1399]

this is keybaord asmr

[@vazhamikadze4018]

Thanks

[@allandiego1446]

If I put in with the empty action is correct too?

[@ulvidamirli2758]

Yes, e.preventDefault() ignores it.

[@deepumon.d3148]

You didn't showed data s in console.log()

[@cat-typing2803]

Don't use arrow function in addEventListener

[@dopamine_Seeker]

not working I am furious in my local host $_post not working as I expected

[@epickaowca8850]

canno't post /login.php POST 404 not found can some one help me ?

[@dcode-software]

My wild guess it's to remove the / in front

[@dcode-software]

If that helped you then check out my video on different kinds of links: kzbin.info/www/bejne/nIvNfJZooLJ-j7c It should clear it up for you

[@epickaowca8850]

that can't help because i write code like you in this video so i don't have ''/'' in front :(

[@epickaowca8850]

i can fetch data from any file but i can't use post method because of 404 error

[@dcode-software]

404 means not found so you just need to ensure login.php exists and if it does then ensure the path you've given is correct

[@tazulislam2698]

Bro, How to pass 2d array? [["",""],["",""]]

[@augischadiegils.5109]

❤️❤️❤️

[@Amigaudio]

Really? Your name is Dom?

[@guruprasadhmathivanan4040]

In postman

[@truonghoang7982]

Ok ok 👌

[@MrPDTaylor]

First

[@josiahsprankle1146]

You moved very quickly, didn't explain much, and were hard to follow.

[@augischadiegils.5109]

❤️❤️