René's URL Explorer Experiment


Title: Using FormData Objects - Web APIs | MDN

Open Graph Title: Using FormData Objects - Web APIs | MDN

Description: The FormData object lets you compile a set of key/value pairs to send using the Fetch or XMLHttpRequest API. It is primarily intended for use in sending form data, but can be used independently from forms in order to transmit keyed data. The transmitted data is in the same format that the form's submit() method would use to send the data if the form's encoding type were set to multipart/form-data.

Open Graph Description: The FormData object lets you compile a set of key/value pairs to send using the Fetch or XMLHttpRequest API. It is primarily intended for use in sending form data, but can be used independently from forms in order to transmit keyed data. The transmitted data is in the same format that the form's submit() method would use to send the data if the form's encoding type were set to multipart/form-data.

Opengraph URL: https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects

direct link

Domain: developer.mozilla.org

og:localeen_US
og:imagehttps://developer.mozilla.org/mdn-social-image.46ac2375.png
og:image:typeimage/png
og:image:height1024
og:image:width1024
og:image:altThe MDN logo
og:site_nameMDN Web Docs
twitter:cardsummary
twitter:creatorMozDevNet
position4

Links:

Skip to main contenthttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#content
Skip to searchhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#search
MDN https://developer.mozilla.org/en-US/
HTML: Markup languagehttps://developer.mozilla.org/en-US/docs/Web/HTML
Elementshttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements
Global attributeshttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes
Attributeshttps://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes
See all…https://developer.mozilla.org/en-US/docs/Web/HTML/Reference
Responsive imageshttps://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Responsive_images
HTML cheatsheethttps://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Cheatsheet
Date & time formatshttps://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Date_and_time_formats
See all…https://developer.mozilla.org/en-US/docs/Web/HTML/Guides
SVGhttps://developer.mozilla.org/en-US/docs/Web/SVG
MathMLhttps://developer.mozilla.org/en-US/docs/Web/MathML
XMLhttps://developer.mozilla.org/en-US/docs/Web/XML
CSS: Styling languagehttps://developer.mozilla.org/en-US/docs/Web/CSS
Propertieshttps://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties
Selectorshttps://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors
At-ruleshttps://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules
Valueshttps://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values
See all…https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
Box modelhttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Box_model/Introduction
Animationshttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Animations/Using
Flexboxhttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Flexible_box_layout/Basic_concepts
Colorshttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Applying_color
See all…https://developer.mozilla.org/en-US/docs/Web/CSS/Guides
Column layoutshttps://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Column_layouts
Centering an elementhttps://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Center_an_element
Card componenthttps://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook/Card
See all…https://developer.mozilla.org/en-US/docs/Web/CSS/How_to/Layout_cookbook
JavaScript: Scripting languagehttps://developer.mozilla.org/en-US/docs/Web/JavaScript
Standard built-in objectshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects
Expressions & operatorshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators
Statements & declarationshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements
Functionshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions
See all…https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference
Control flow & error handinghttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling
Loops and iterationhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Loops_and_iteration
Working with objectshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_objects
Using classeshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Using_classes
See all…https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
Web APIs: Programming interfaceshttps://developer.mozilla.org/en-US/docs/Web/API
File system APIhttps://developer.mozilla.org/en-US/docs/Web/API/File_System_API
Fetch APIhttps://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
Geolocation APIhttps://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API
HTML DOM APIhttps://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API
Push APIhttps://developer.mozilla.org/en-US/docs/Web/API/Push_API
Service worker APIhttps://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
See all…https://developer.mozilla.org/en-US/docs/Web/API
Using the Web animation APIhttps://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API
Using the Fetch APIhttps://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
Working with the History APIhttps://developer.mozilla.org/en-US/docs/Web/API/History_API/Working_with_the_History_API
Using the Web speech APIhttps://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API
Using web workershttps://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers
All web technologyhttps://developer.mozilla.org/en-US/docs/Web
Accessibilityhttps://developer.mozilla.org/en-US/docs/Web/Accessibility
HTTPhttps://developer.mozilla.org/en-US/docs/Web/HTTP
URIhttps://developer.mozilla.org/en-US/docs/Web/URI
Web extensionshttps://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions
WebAssemblyhttps://developer.mozilla.org/en-US/docs/WebAssembly
WebDriverhttps://developer.mozilla.org/en-US/docs/Web/WebDriver
See all…https://developer.mozilla.org/en-US/docs/Web
Mediahttps://developer.mozilla.org/en-US/docs/Web/Media
Performancehttps://developer.mozilla.org/en-US/docs/Web/Performance
Privacyhttps://developer.mozilla.org/en-US/docs/Web/Privacy
Securityhttps://developer.mozilla.org/en-US/docs/Web/Security
Progressive web appshttps://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps
Learn web developmenthttps://developer.mozilla.org/en-US/docs/Learn_web_development
Getting started moduleshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started
Core moduleshttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core
MDN Curriculumhttps://developer.mozilla.org/en-US/curriculum/
Check out the video course from Scrimba, our partnerhttps://scrimba.com/frontend-path-c0j?via=mdn-learn-navbar
Structuring content with HTML modulehttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Structuring_content
CSS styling basics modulehttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics
CSS layout modulehttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout
Dynamic scripting with JavaScript modulehttps://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting
Playgroundhttps://developer.mozilla.org/en-US/play
HTTP Observatoryhttps://developer.mozilla.org/en-US/observatory
Border-image generatorhttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-image_generator
Border-radius generatorhttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders/Border-radius_generator
Box-shadow generatorhttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Backgrounds_and_borders/Box-shadow_generator
Color format converterhttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Color_format_converter
Color mixerhttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Colors/Color_mixer
Shape generatorhttps://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Shapes/Shape_generator
About MDNhttps://developer.mozilla.org/en-US/about
Advertise with ushttps://developer.mozilla.org/en-US/advertising
Communityhttps://developer.mozilla.org/en-US/community
MDN on GitHubhttps://github.com/mdn
Bloghttps://developer.mozilla.org/en-US/blog/
Webhttps://developer.mozilla.org/en-US/docs/Web
Web APIshttps://developer.mozilla.org/en-US/docs/Web/API
XMLHttpRequest APIhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API
Using FormData Objectshttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects
https://github.com/orgs/mdn/discussions/739
https://developer.mozilla.org/de/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects
https://developer.mozilla.org/es/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects
https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects
https://developer.mozilla.org/ja/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects
https://developer.mozilla.org/ru/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects
https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects
FormDatahttps://developer.mozilla.org/en-US/docs/Web/API/FormData
Fetchhttps://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
XMLHttpRequesthttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API
submit()https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit
Creating a FormData object from scratchhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#creating_a_formdata_object_from_scratch
Retrieving a FormData object from an HTML formhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#retrieving_a_formdata_object_from_an_html_form
Sending files using a FormData objecthttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#sending_files_using_a_formdata_object
Using a formdata eventhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#using_a_formdata_event
Gotchashttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#gotchas
See alsohttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#see_also
Creating a FormData object from scratchhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#creating_a_formdata_object_from_scratch
append()https://developer.mozilla.org/en-US/docs/Web/API/FormData/append
FormData.append()https://developer.mozilla.org/en-US/docs/Web/API/FormData/append
Blobhttps://developer.mozilla.org/en-US/docs/Web/API/Blob
Filehttps://developer.mozilla.org/en-US/docs/Web/API/File
fetch()https://developer.mozilla.org/en-US/docs/Web/API/Window/fetch
Blobhttps://developer.mozilla.org/en-US/docs/Web/API/Blob
Filehttps://developer.mozilla.org/en-US/docs/Web/API/File
the Blob() constructorhttps://developer.mozilla.org/en-US/docs/Web/API/Blob/Blob
Retrieving a FormData object from an HTML formhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#retrieving_a_formdata_object_from_an_html_form
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/form
Sending files using a FormData objecthttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#sending_files_using_a_formdata_object
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/form
request HTTP methodhttps://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Methods
XMLHttpRequesthttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
Fetch APIhttps://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
Content-Typehttps://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Content-Type
Filehttps://developer.mozilla.org/en-US/docs/Web/API/File
Blobhttps://developer.mozilla.org/en-US/docs/Web/API/Blob
FormDatahttps://developer.mozilla.org/en-US/docs/Web/API/FormData
append()https://developer.mozilla.org/en-US/docs/Web/API/FormData/append
Using a formdata eventhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#using_a_formdata_event
formdata eventhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/formdata_event
FormDatahttps://developer.mozilla.org/en-US/docs/Web/API/FormData
HTMLFormElementhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement
FormData()https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData
FormDatahttps://developer.mozilla.org/en-US/docs/Web/API/FormData
submit eventhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event
preventDefaulthttps://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault
FormData()https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData
FormDatahttps://developer.mozilla.org/en-US/docs/Web/API/FormData
FormDataEvent.formDatahttps://developer.mozilla.org/en-US/docs/Web/API/FormDataEvent/formData
XMLHttpRequesthttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
Gotchashttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#gotchas
See alsohttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects#see_also
Using the Fetch APIhttps://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
HTMLFormElementhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement
Blobhttps://developer.mozilla.org/en-US/docs/Web/API/Blob
Typed Arrayshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Typed_arrays
Learn how to contributehttps://developer.mozilla.org/en-US/docs/MDN/Community/Getting_started
MDN contributorshttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects/contributors.txt
View this page on GitHubhttps://github.com/mdn/content/blob/main/files/en-us/web/api/xmlhttprequest_api/using_formdata_objects/index.md?plain=1
Report a problem with this contenthttps://github.com/mdn/content/issues/new?template=page-report.yml&mdn-url=https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FAPI%2FXMLHttpRequest_API%2FUsing_FormData_Objects&metadata=%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EPage+report+details%3C%2Fsummary%3E%0A%0A*+Folder%3A+%60en-us%2Fweb%2Fapi%2Fxmlhttprequest_api%2Fusing_formdata_objects%60%0A*+MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fen-US%2Fdocs%2FWeb%2FAPI%2FXMLHttpRequest_API%2FUsing_FormData_Objects%0A*+GitHub+URL%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fblob%2Fmain%2Ffiles%2Fen-us%2Fweb%2Fapi%2Fxmlhttprequest_api%2Fusing_formdata_objects%2Findex.md%0A*+Last+commit%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Fcontent%2Fcommit%2Fa84b606ffd77c40a7306be6c932a74ab9ce6ab96%0A*+Document+last+modified%3A+2025-06-24T06%3A12%3A11.000Z%0A%0A%3C%2Fdetails%3E
XMLHttpRequest APIhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API
Using XMLHttpRequesthttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_XMLHttpRequest
HTML in XMLHttpRequesthttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/HTML_in_XMLHttpRequest
Synchronous and asynchronous requestshttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Synchronous_and_Asynchronous_Requests
Sending and Receiving Binary Datahttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Sending_and_Receiving_Binary_Data
Using FormData Objectshttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest_API/Using_FormData_Objects
FormDatahttps://developer.mozilla.org/en-US/docs/Web/API/FormData
ProgressEventhttps://developer.mozilla.org/en-US/docs/Web/API/ProgressEvent
XMLHttpRequesthttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
XMLHttpRequestEventTargethttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequestEventTarget
XMLHttpRequestUploadhttps://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequestUpload
MDNhttps://developer.mozilla.org/
https://github.com/mdn/
https://bsky.app/profile/developer.mozilla.org
https://x.com/mozdevnet
https://mastodon.social/@mdn
https://developer.mozilla.org/en-US/blog/rss.xml
About https://developer.mozilla.org/en-US/about
Blog https://developer.mozilla.org/en-US/blog/
Mozilla careers https://www.mozilla.org/en-US/careers/listings/
Advertise with us https://developer.mozilla.org/en-US/advertising
MDN Plus https://developer.mozilla.org/en-US/plus
Product help https://support.mozilla.org/products/mdn-plus
MDN Community https://developer.mozilla.org/en-US/community
Community resources https://developer.mozilla.org/en-US/docs/MDN/Community
Writing guidelines https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines
MDN Discord https://developer.mozilla.org/discord
MDN on GitHub https://github.com/mdn
Web technologies https://developer.mozilla.org/en-US/docs/Web
Learn web development https://developer.mozilla.org/en-US/docs/Learn_web_development
Guides https://developer.mozilla.org/en-US/docs/MDN/Guides
Tutorials https://developer.mozilla.org/en-US/docs/MDN/Tutorials
Glossary https://developer.mozilla.org/en-US/docs/Glossary
Hacks blog https://hacks.mozilla.org/
Mozillahttps://www.mozilla.org/
Website Privacy Noticehttps://www.mozilla.org/privacy/websites/
Telemetry Settingshttps://www.mozilla.org/en-US/privacy/websites/data-preferences/
Legalhttps://www.mozilla.org/about/legal/terms/mozilla
Community Participation Guidelineshttps://www.mozilla.org/about/governance/policies/participation/
a Creative Commons licensehttps://developer.mozilla.org/docs/MDN/Writing_guidelines/Attrib_copyright_license

Viewport: width=device-width, initial-scale=1.0


URLs of crawlers that visited me.