代码之家 › 专栏 › 技术社区 › Qwertie

通过AXIOS发送HTML表单

axios vue.js javascript

Qwertie · 技术社区 · 6 年前

在我的Vue应用程序中,我有一个 <form> 当我点击Submit时,它会发送正确的数据,但不会在请求上设置身份验证头。我将AXIOS配置为在每个请求上附加这些头文件,因此我需要通过AXIOS发送数据。

从AXIOS文档我知道我可以发布这样的数据

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })

我也知道我可以通过添加 @submit.prevent="handleSubmit 到 <形式& gt; 标签。

我无法解决的是如何从表单输入中获取所有值并通过AXIOS发送。

1 回复 | 直到 6 年前

Brian Lee 6 年前

在你 handleSubmit 函数,您可以使用如下FormData类:

handleSubmit (event) {
    event.preventDefault()
    let formData = new FormData(event.target)
    axios.post('/user', formData).then(response => ...).catch(error => ...)
}

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前