{"json_modified": "2016-10-21T03:23:22.697545", "uuid": "7ad9a17c-3402-4247-8611-b3c1f025281c", "title": "Using FormData Objects", "url": "/en-US/docs/Web/API/FormData/Using_FormData_Objects", "tags": ["XHR", "Blob", "XMLHttpRequest", "Forms", "AJAX", "FormData", "File"], "translations": [{"uuid": "f86a8aa9-379f-4dc0-b45a-49a80c7b8723", "title": "FormData", "url": "/en-US/docs/Web/API/FormData", "tags": ["Reference", "Interface", "XMLHttpRequest", "API", "FormData"], "summary": "The <strong><code>FormData</code></strong> interface provides a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the <a href=\"/en-US/docs/Web/API/XMLHttpRequest/send\" title=\"The XMLHttpRequest.send() method sends the request. If the request is asynchronous (which is the default), this method returns as soon as the request is sent. If the request is synchronous, this method doesn't return until the response has arrived. send() accepts an optional argument for the request body. If the request method is GET or HEAD, the argument is ignored and request body is set to null.\"><code>XMLHttpRequest.send()</code></a> method. It uses the same format a form would use if the encoding type were set to <code>\"multipart/form-data\"</code>.", "localization_tags": [], "locale": "en-US", "last_edit": "2016-10-19T15:48:29", "review_tags": ["technical"]}, {"uuid": "e6b5b7d8-8543-47ec-bbee-c71b0462f3e9", "title": "FormData", "url": "/de/docs/Web/API/FormData", "tags": ["Referenz", "API", "Interface", "XMLHttpRequest", "FomData"], "summary": "Das <strong><code>FormData</code></strong>-Interface erm\u00f6glicht das einfache erstellen von Schl\u00fcssel/Werte-Paaren, welche Formular-Daten repr\u00e4sentieren. Es kann leicht durch aufrufen der <a href=\"/de/docs/Web/API/XMLHttpRequest/send\" title=\"Die Beschreibung hier&#xFC;ber wurde bisher noch nicht geschrieben; bitte erw&#xE4;ge, mitzuwirken!\"><code>XMLHttpRequest.send()</code></a> Methode abgeschickt werden. Das benutze Format ist identisch zu einem HTML-Formular dessen encoding-Typ auf <code>\"multipart/form-data\"</code> gesetzt wurde.", "localization_tags": ["inprogress"], "locale": "de", "last_edit": "2016-09-16T09:46:30", "review_tags": []}, {"uuid": "64942897-4393-42fc-84fb-5ff93075a887", "title": "FormData", "url": "/es/docs/XMLHttpRequest/FormData", "tags": [], "summary": "El Nivel 2 de XMLHttpRequest a\u00f1ade soporte para la nueva interfaz\u00a0 <code>FormData</code>. Los objetos\u00a0<code>FormData</code>\u00a0proporcionan una forma para construir f\u00e1cilmente un conjunto de pares llave/valor que representan campos de forma y sus valores, los cuales pueden enviarse f\u00e1cilmente utilizando el m\u00e9todo\u00a0<code style=\"line-height: inherit; font-size: 14px;\"><a href=\"/en/DOM/XMLHttpRequest#send()\" style=\"line-height: inherit;\" title=\"en/XMLHttpRequest#send()\">send()</a>\u00a0</code>del Objeto XM<span style=\"line-height: inherit;\">LHttpRequest</span><span style=\"line-height: inherit;\">.</span>", "localization_tags": [], "locale": "es", "last_edit": "2014-06-16T10:05:22", "review_tags": []}, {"uuid": "e776f3e5-625a-46ab-89e2-de685026cf7c", "title": "FormData", "url": "/fr/docs/Web/API/FormData", "tags": [], "summary": "XMLHttpRequest Niveau 2 ajoute le support de la nouvelle interface <code>FormData</code>. Des objets formData fournissent un moyen facile de construire un ensemble de paires cl\u00e9 / valeur qui repr\u00e9sentent les champs du formulaire et leurs valeurs, qui peuvent ensuite \u00eatre facilement envoy\u00e9s \u00e0 l'aide de la m\u00e9thode <a href=\"/en/DOM/XMLHttpRequest#send()\" title=\"en/XMLHttpRequest#send()\"><code>send ()</code></a> de l'objet XMLHttpRequest.", "localization_tags": [], "locale": "fr", "last_edit": "2015-07-21T01:34:12", "review_tags": []}, {"uuid": "413e62d4-f967-4d76-afa2-1e8900c0bffe", "title": "FormData", "url": "/ja/docs/Web/API/FormData", "tags": ["API", "Interface", "Reference", "XMLHttpRequest", "FormData"], "summary": "<strong><code>FormData</code></strong> \u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30a4\u30b9\u306f\u3001<a href=\"/ja/docs/Web/API/XMLHttpRequest/send\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>XMLHttpRequest.send()</code></a> \u30e1\u30bd\u30c3\u30c9\u3092\u7528\u3044\u308b\u3053\u3068\u3067\u7c21\u5358\u306b\u9001\u4fe1\u304c\u53ef\u80fd\u306a\u3001\u30d5\u30a9\u30fc\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u304a\u3088\u3073\u305d\u308c\u3089\u306e\u5024\u304b\u3089\u8868\u73fe\u3055\u308c\u308b\u30ad\u30fc\u3068\u5024\u306e\u30da\u30a2\u306e\u30bb\u30c3\u30c8\u3092\u7c21\u5358\u306b\u69cb\u7bc9\u3059\u308b\u624b\u6bb5\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\u3053\u308c\u306f\u3001\u30a8\u30f3\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u30bf\u30a4\u30d7\u3092 <code>\"multipart/form-data\"</code> \u306b\u8a2d\u5b9a\u3057\u305f\u5834\u5408\u306b\u30d5\u30a9\u30fc\u30e0\u304c\u4f7f\u7528\u3059\u308b\u3082\u306e\u3068\u540c\u3058\u5f62\u5f0f\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-02-21T05:37:04", "review_tags": []}, {"uuid": "aec98101-beea-45df-a4b7-3faec0648386", "title": "FormData", "url": "/pt-BR/docs/Web/API/FormData", "tags": [], "summary": "XMLHttpRequest Nivel 2 adiciona suporte para a nova interface <code>FormData</code>. Objetos <code>FormData</code> fornecem uma forma f\u00e1cil de construir um conjunto de pares chave/valor representando campos de formul\u00e1rio e seus valores, os quais podem ser facilmente enviados utilizando o metodo <a href=\"/pt-BR/docs/DOM/XMLHttpRequest#send()\" title=\"XMLHttpRequest#send()\"><code>send()</code></a> do XMLHttpRequest.", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2016-08-16T17:02:12", "review_tags": []}, {"uuid": "d68e97f2-f7d6-4b1f-817d-51d5025d8c54", "title": "FormData", "url": "/ru/docs/Web/API/FormData", "tags": [], "summary": "XMLHttpRequest 2 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0443 \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430 FormData. \u041e\u0431\u044a\u0435\u043a\u0442\u044b FormData \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0432\u0430\u043c \u043b\u0435\u0433\u043a\u043e \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430\u0431\u043e\u0440\u044b \u043f\u0430\u0440 \u043a\u043b\u044e\u0447-\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435, \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0449\u0438\u0435 \u043f\u043e\u043b\u044f \u0444\u043e\u0440\u043c\u044b \u0438 \u0438\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u043c\u043e\u0436\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u0435\u0442\u043e\u0434\u0430\u00a0<a href=\"/en-US/docs/DOM/XMLHttpRequest#send()\" title=\"XMLHttpRequest#send()\"><code>send()</code></a>.", "localization_tags": ["inprogress"], "locale": "ru", "last_edit": "2015-09-02T05:03:24", "review_tags": []}, {"uuid": "0303d6d4-cdb7-4e62-81d0-f8e19446c1d1", "title": "FormData", "url": "/zh-CN/docs/Web/API/FormData", "tags": [], "summary": "\u60f3\u8981\u66f4\u8be6\u7ec6\u7684\u4e86\u89e3\u5982\u4f55\u4f7f\u7528<code>FormData</code>\u5bf9\u8c61, \u8bf7\u67e5\u770b<a href=\"https://developer.mozilla.org/zh-CN/docs/Web/Guide/Using_FormData_Objects\" title=\"zh-CN/DOM/XMLHttpRequest/FormData/Using_FormData_objects\">\u4f7f\u7528FormData\u5bf9\u8c61</a>.", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-07-25T05:52:08", "review_tags": []}, {"uuid": "6dd33493-dc03-461b-83a6-be06c5782529", "title": "FormData", "url": "/zh-TW/docs/Web/API/FormData", "tags": [], "summary": "<strong><code>FormData</code></strong>\u00a0\u4ecb\u9762\u63d0\u4f9b\u4e86\u4e00\u500b\u7c21\u55ae\u7684\u65b9\u5f0f\u4f86\u5efa\u7acb\u8868\u55ae\u6b04\u4f4d\u8207\u5176\u503c\u7684\u540d\u503c\u5c0d\uff08key/value\uff09\u96c6\u5408\uff0c\u9084\u80fd\u65b9\u4fbf\u7684\u4f7f\u7528\u00a0<a href=\"/zh-TW/docs/Web/API/XMLHttpRequest/send\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>XMLHttpRequest.send()</code></a> \u65b9\u6cd5\u4f86\u9001\u51fa\u8868\u55ae\u8cc7\u6599\u3002\u5982\u679c\u00a0<a href=\"/zh-TW/docs/Web/HTML/Element/form\" title=\"The documentation about this has not yet been written; please consider contributing!\"><code>&lt;form&gt;</code></a> \u5143\u7d20\u7684 <code>enctype</code>\u00a0\u5c6c\u6027\uff08<a class=\"glossaryLink\" href=\"/en-US/docs/Glossary/attribute\" title=\"attribute: An attribute extends a tag, changing tag behavior or providing metadata. An attribute always has the form&#xA0;name=value&#xA0;(giving the attribute's identifier and the attribute's associated value).\">attribute</a>\uff09\u503c\u70ba\u00a0<code>multipart/form-data</code>\u00a0\u7de8\u78bc\uff0c\u5247\u00a0<code>FormData</code>\u00a0\u7269\u4ef6\u4e5f\u6703\u63a1\u7528\u8207\u8868\u55ae\u76f8\u540c\u7684\u683c\u5f0f\u3002", "localization_tags": ["inprogress"], "locale": "zh-TW", "last_edit": "2016-06-19T20:00:22", "review_tags": []}], "modified": "2016-10-21T03:23:22", "label": "Using FormData Objects", "localization_tags": [], "locale": "en-US", "id": 75435, "last_edit": "2015-06-16T00:44:46", "summary": "The <code><a href=\"/en-US/docs/Web/API/FormData\">FormData</a></code> object lets you compile a set of key/value pairs to send using <code><a href=\"/en-US/docs/Web/API/XMLHttpRequest\">XMLHttpRequest</a></code>. 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 <a href=\"/en-US/docs/Web/API/HTMLFormElement/submit\" title=\"The HTMLFormElement.submit() method submits the form. This method does something similar to activating a submit button of the form.\"><code>submit()</code></a> method would use to send the data if the form's encoding type were set to <code>multipart/form-data</code>.", "sections": [{"id": "Creating_a_FormData_object_from_scratch", "title": "Creating a FormData object from scratch"}, {"id": "Retrieving_a_FormData_object_from_an_HTML_form", "title": "Retrieving a FormData object from an\u00a0HTML\u00a0form"}, {"id": "Sending_files_using_a_FormData_object", "title": "Sending files using a FormData object"}, {"id": "Submitting_forms_and_uploading_files_via_AJAX_without_FormData_objects", "title": "Submitting forms and uploading files via AJAX "}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/FormData/Using_FormData_Objects", "review_tags": []}