Traitement de formulaires HTML (navigateur) Nouveau

Vous pouvez également envoyer un formulaire directement depuis un élément de formulaire HTML. Cela est utile lorsque vous avez un formulaire dans votre page et que vous souhaitez le soumettre sans aucun code JavaScript.

await axios.postForm('https://httpbin.org/post', document.querySelector('#htmlForm'));

Les objets FormData et HTMLForm peuvent également être envoyés en JSON en définissant explicitement l'en-tête Content-Type à application/json :

await axios.post('https://httpbin.org/post', document.querySelector('#htmlForm'), {
  headers: {
    'Content-Type': 'application/json',
  },
});

Voici un exemple de formulaire valide pouvant être soumis par le code ci-dessus :

<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>

Le formulaire ci-dessus sera soumis sous la forme :

{
  "foo": "1",
  "deep": {
    "prop": "2",
    "prop spaced": "3"
  },
  "baz": ["4", "5"],
  "user": {
    "age": "value2"
  }
}

WARNING

L'envoi de Blobs/Fichiers en JSON (base64) n'est actuellement pas supporté.