AI要約
フォームを送信するときにページがリフレッシュされるのを防ぎたいですか？デフォルトでは、ユーザーが送信ボタンをクリックした後、ページ全体をリフレッシュする必要があります。通常、これにより、入力データが保存され、通知メールが送信され、その他多くのことが可能になります。ただし、AJAXフォーム送信を使用すると、ページ全体をリフレッシュする必要なしに、フォームを送信してこれらのすべてのプロセスを実行できます。
このチュートリアルでは、フォームでAJAX送信を有効にする方法を説明します。
AJAXフォーム送信を有効にする
開始する前に、まずWPFormsがWordPressサイトにインストールおよび有効化されており、ライセンスが検証済みであることを確認する必要があります。その後、新しいフォームを作成するか、既存のフォームを編集してフォームビルダーにアクセスできます。
フォームビルダーが開いたら、設定 » 一般に移動します。次に、高度な設定セクションまでスクロールすると、オプションのリストが表示されます。AJAXフォーム送信を有効にするオプションを選択してください。
準備ができたら、保存ボタンをクリックして変更を保存します。
注意：AJAXフォーム送信を有効にすることは、フォームをモーダルまたはポップアップに埋め込む場合に便利なオプションです。
フォームのテスト
次に、フォームをテストしてください。フォームをプレビューするか、ページに埋め込むことができます。次に、フォームを送信して、期待どおりに表示され、機能することを確認してください。
注意：フォーム送信時に表示フィールドがまったく移動しないようにしたい場合は、確認メッセージへの自動スクロールをオフにしてみてください。これは、フォームビルダーで設定 » 確認に移動し、確認メッセージに自動的にスクロールオプションを無効にすることで実行できます。
よくある質問
以下に、AJAXフォーム送信の有効化に関してよく受ける質問とその回答をいくつか示します。
AJAXが有効な状態でフォームが送信されたときに、新しいリンクをタブで開くことはできますか？
はい、AJAX送信を使用すると、確認メッセージを現在のページに表示しながら、新しいリンクを別のタブで開くようにフォームを構成できます。WPFormsでこれを設定する方法については、開発者向けドキュメントを確認してください。
注意：これには、サイトにコードを追加するなど、高度な機能が必要となるため、開発者向けです。
これで完了です！AJAXフォーム送信を使用して、ユーザーがシームレスにフォームを送信できるようになりました。
次に、スマートフォームの作成方法を学びたいですか？ユーザーの選択に基づいてフォームがカスタマイズされた方法で応答する方法の詳細については、条件付きロジックに関するチュートリアルを確認してください。