- フォームデータをPOSTリクエストとして送信する方法:
<form method="POST" action="{{ 'your-route' | page }}">
<input type="hidden" name="_token" value="{{ form_token() }}">
<input type="text" name="name">
<input type="email" name="email">
<button type="submit">Submit</button>
</form>
上記のコードでは、_token
という名前の隠しフィールドにフォームトークンを設定し、name
とemail
のフィールドが含まれています。フォームが送信されると、指定したルートにPOSTリクエストが送信されます。
- フォームデータをGETリクエストとして送信する方法:
<form method="GET" action="{{ 'your-route' | page }}">
<input type="text" name="name">
<input type="email" name="email">
<button type="submit">Submit</button>
</form>
上記のコードでは、name
とemail
のフィールドが含まれています。フォームが送信されると、指定したルートにGETリクエストが送信されます。
- フォームデータをAjaxリクエストとして送信する方法:
$(document).ready(function () {
$('form').on('submit', function (e) {
e.preventDefault();
var formData = $(this).serialize();
$.ajax({
url: "{{ 'your-route' | page }}",
type: "POST",
data: formData,
success: function (response) {
// レスポンスの処理
}
});
});
});
上記のコードでは、jQueryを使用してAjaxリクエストを送信しています。フォームが送信されると、指定したルートにPOSTリクエストが非同期で送信されます。
これらはOctoberCMSでフォームデータリクエストを行うための一般的な方法です。必要に応じて、指定したルートにフォームデータを受け取るためのコントローラーメソッドやルートを設定する必要があります。