javascript - 使用axios发送表单数据

标签 javascript html laravel post axios

只是想知道是否可以序列化来自 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">

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

最佳答案

在 JavaScript 中使用 FormData 类:

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

关于javascript - 使用axios发送表单数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51364942/

相关文章:

php - 是否可以附加 laravel 数据库查询?

javascript - knockout js 在 ko.utils.arrayForEach 中添加/删除 css 类

javascript - 在新数组JS中查找一个数组是否有对应另一个元素的子串

javascript - 表行的切换类

javascript - 允许 window.open 打开新窗口而不是弹出窗口

javascript - 使用 filter() 从 DOM 中删除元素时遇到一些问题

jquery - 使用 JQuery 粘性/跟随侧边栏但框标题图像不随文本移动?

html - 如何使用innerHTML渲染 Angular 变量 - Angular2

javascript - CSS/JS - 删除一个 li 元素的动画链接下划线

php - 无法从对象 laravel 中检索字段值