Utiliser Axios pour envoyer des données de formulaire

Question

Je me demande simplement s'il est possible de sérialiser des données à partir d'un élément de formulaire Html, puis de publier les données à l'aide d'une demande de publication avec Axios.

Voici le code qui montre l'événement qui est déclenché lorsqu'un clic sur le bouton se produit pour soumettre le message.

function form_submission(e)
{
var data = document.getElementById('venueForm');

axios.post('/venue/', {


})
    .then (function (response) {
        console.log(response);
    })
    .catch(function (error) {

        console.log(error);
    });
}

Voici le html qui montre comment les données sont sélectionnées

<form method="POST" action="http://core-site.test/venue/{{$venue->slug_field}}" accept-charset="UTF-8" id="venueForm">

La sérialisation est-elle une option ou dois-je définir chaque valeur manuellement?

Answer 1

Utilisez la classe FormData en JavaScript:

var form = document.querySelector('form');
var data = new FormData(form);
axios.post('/example', data);