axiosを使用して、フォームデータを送信する方法は何ですか?
axiosを使用してフォームデータを投稿する場合、次の手順を実行することができます。
- axiosライブラリを導入する。
import axios from 'axios';
- axiosを使用して、フォームデータを投稿するために、フォームデータとリクエストアドレスを渡します。
axios.post('https://example.com/api/form-submit', {
name: 'John Doe',
email: 'johndoe@example.com',
message: 'Hello, World!'
})
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
上記の例では、名前、メールアドレス、メッセージのフィールドを含むフォームデータをhttps://example.com/api/form-submitにpostメソッドを使用して送信しました。送信が成功した場合は、返ってきたデータを印刷し、リクエストが失敗した場合は、エラーメッセージを印刷しました。
axiosを使用してフォームデータを送信することができるようになります。