使用Axios发送表单数据

Question

只是想知道是否有可能从Html表单元素中序列化数据，然后使用Axios上的发布请求来发布数据。

此处是显示单击按钮提交帖子时触发的事件的代码。

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

axios.post('/venue/', {


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

        console.log(error);
    });
}

这是显示如何选择数据的html

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

是序列化选项还是必须手动设置每个值？

Answer 1

在JavaScript中使用FormData类：

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