Form Data (FormData) in Javascript (with AJAX)

The FormData object in Javascript allows you to easily send key-value pairs of information/data with your XML Http Requests (AJAX). You can use this to create forms without refreshing the page or sending general data to a server.

In this video we go over how to use FormData in conjunction with an XMLHttpRequest.

For your reference:

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #webdev #javascript

[romyt]

Hi, I'm a newbie dev, your video series about Ajax allows me to understand in a better way this technology and use it in a project.
Many thanks for that, you're very clear during the explanation and the coding time.

[DrJoeNjenga]

Thumbs up your videos are so useful. Good grasp of JS and straight to the point no time wasting and ads. Thanks

[johnstowers]

Your videos are "super" excellent: The greatest amount of information, in the least amount of time! Thank you! : )

[apradiptaa_]

how to post data from form (include input, select, radio )?

[mirabo]

Your name is Dom ! talk about happy coincidence ! Great channel, well paced, keep up the good work !

[HashimWarren]

simple and super helpful. Thanks for this

[rickyu]

how do i delete a element in formdata? Suppose i append a file, how do i delete that file? suppose if i upload multiple files (looped over a array) how do i delete that index? thanks

[rickyu]

can formdata handle uploading images / multiple images ? how about the filereader api? how is it different? -- thanks

[Donknast]

Cool! Exactly what i needed! Thanks ;)

[apradiptaa_]

i got error bottle.php 404 not found. what should i do ?

[mnageh-bomm]

great vid ... but how can i send files ?

[rinkuchoudhary]

Hello Sir, I have to save the recorded audio in a file using formdata.please reply immediately

[muneebkhan]

how would you done this with $.ajax({}); method.???

[MrMarkgyuro]

dear dcode, my console says POST 405 (method not allowed). What causes the problem ? : (

[harshilkaneria]

hello sir please help me using this method i send data to another my server web page and i am getting CROS Error .

[ztan]

How to prepare a formData from a real HTML form ?

[kirillbaryba]

Hello! record a postman video using FormData. Thanks )

[siforibo]

i have error :405 method not allowed xmlhttprequest What's the solution?