POST Form Data as JSON with Fetch API in JavaScript смотреть онлайн

Use JavaScript to convert HTML form data to JSON & submit to server...
? Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript
? Professional CSS Course: https://bytegrad.com/courses/professional-css
? Email newsletter (React + Next.js course out soon!): https://email.bytegrad.com

? Premium Courses:
Professional JavaScript: https://bytegrad.com/courses/professional-javascript
Professional CSS: https://bytegrad.com/courses/professional-css
All courses: https://bytegrad.com/courses

IMPORTANT: mastering JavaScript is critical if you want to be a modern, professional developer. If you haven't mastered JavaScript yet I highly recommend you go through my Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript

ALSO: mastering CSS is important for any front-end developer. If you haven't mastered CSS yet (including Flexbox, CSS Grid, etc.) I highly recommend you go through my Professional CSS Course: https://bytegrad.com/courses/professional-css

In this tutorial we will use JavaScript to collect the form data by using the FormData object. We will then format the data as JSON and send it to a server with fetch().

? Email newsletter (get notified of new courses): https://email.bytegrad.com

⏱️ Timestamps:
0:00 - Intro
0:37 - Use JavaScript to interact with form
2:22 - Get form data with FormData
3:28 - Convert form data to JavaScript object literal
4:35 - Use fetch() to send data (POST request)
5:30 - Convert data object to JSON

#formdata #fetch #fetchapi #javascript