mirror of
https://github.com/tenrok/axios.git
synced 2026-06-17 19:21:29 +03:00
Jay
58 lines
1.5 KiB
Markdown
58 lines
1.5 KiB
Markdown
# Envío de formularios HTML (navegador) <Badge type="tip" text="Nuevo" />
|
|
|
|
También puedes enviar un formulario directamente desde un elemento de formulario HTML. Esto es útil cuando tienes un formulario en tu página y deseas enviarlo sin escribir código JavaScript adicional.
|
|
|
|
```js
|
|
await axios.postForm('https://httpbin.org/post', document.querySelector('#htmlForm'));
|
|
```
|
|
|
|
Los objetos `FormData` y `HTMLForm` también pueden enviarse como `JSON` estableciendo explícitamente el encabezado `Content-Type` en `application/json`:
|
|
|
|
```js
|
|
await axios.post('https://httpbin.org/post', document.querySelector('#htmlForm'), {
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
});
|
|
```
|
|
|
|
Un ejemplo de un formulario válido que puede ser enviado con el código anterior es:
|
|
|
|
```html
|
|
<form id="htmlForm">
|
|
<input type="text" name="foo" value="1" />
|
|
<input type="text" name="deep.prop" value="2" />
|
|
<input type="text" name="deep prop spaced" value="3" />
|
|
<input type="text" name="baz" value="4" />
|
|
<input type="text" name="baz" value="5" />
|
|
|
|
<select name="user.age">
|
|
<option value="value1">Value 1</option>
|
|
<option value="value2" selected>Value 2</option>
|
|
<option value="value3">Value 3</option>
|
|
</select>
|
|
|
|
<input type="submit" value="Save" />
|
|
</form>
|
|
```
|
|
|
|
El formulario anterior se enviará como:
|
|
|
|
```json
|
|
{
|
|
"foo": "1",
|
|
"deep": {
|
|
"prop": "2",
|
|
"prop spaced": "3"
|
|
},
|
|
"baz": ["4", "5"],
|
|
"user": {
|
|
"age": "value2"
|
|
}
|
|
}
|
|
```
|
|
|
|
::: warning
|
|
Actualmente no se admite el envío de Blobs/Files como JSON (base64).
|
|
:::
|