Axios 如何惊醒表单请求
时间: 2023-08-14 09:03:35 浏览: 86
让axios发送表单请求形式的键值对post数据的实例
你可以使用 Axios 库来发送表单请求。首先,确保你已经在项目中安装了 Axios。然后,你可以使用 Axios 的 `post` 方法来发送表单数据。
下面是一个示例的代码片段,展示了如何使用 Axios 发送一个简单的表单请求:
```javascript
import axios from 'axios';
const formData = new FormData();
formData.append('username', 'john');
formData.append('password', 'secretpassword');
axios.post('/api/login', formData)
.then(response => {
// 请求成功
console.log(response.data);
})
.catch(error => {
// 请求发生错误
console.error(error);
});
```
在上面的代码中,我们首先创建了一个 FormData 对象,并通过 `append` 方法添加了表单字段和对应的值。然后,我们使用 Axios 的 `post` 方法发送了 POST 请求到 `/api/login` 接口,并将 FormData 对象作为请求体传递。
在 `.then` 方法中,你可以处理请求成功后的响应数据。而在 `.catch` 方法中,你可以处理请求发生错误的情况。
希望这个示例能帮助你理解如何使用 Axios 发送表单请求。如有更多问题,请随时提问!
阅读全文