表单内容转化为对象,使用 axios 库提交到后台
时间: 2023-05-28 13:05:40 浏览: 84
可以使用以下代码将表单内容转化为对象:
```javascript
const form = document.querySelector('#my-form');
const formData = new FormData(form);
const formObj = Object.fromEntries(formData.entries());
```
然后使用 axios 库提交到后台:
```javascript
axios.post('/api/submit-form', formObj)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
这里假设后台接口为 `/api/submit-form`,使用 POST 方法提交表单数据。在成功后,控制台会输出响应数据,否则会输出错误信息。
阅读全文