OctoberCMSでのフォームデータリクエストの方法


  1. フォームデータを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という名前の隠しフィールドにフォームトークンを設定し、nameemailのフィールドが含まれています。フォームが送信されると、指定したルートにPOSTリクエストが送信されます。

  1. フォームデータをGETリクエストとして送信する方法:
<form method="GET" action="{{ 'your-route' | page }}">
    <input type="text" name="name">
    <input type="email" name="email">
    <button type="submit">Submit</button>
</form>

上記のコードでは、nameemailのフィールドが含まれています。フォームが送信されると、指定したルートにGETリクエストが送信されます。

  1. フォームデータを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でフォームデータリクエストを行うための一般的な方法です。必要に応じて、指定したルートにフォームデータを受け取るためのコントローラーメソッドやルートを設定する必要があります。