jQuery Ajax と PHP を使用してページ リダイレクトなしでフォームを送信する方法

PHP を使用した jQuery Ajax POST の例

概要:
フォームを送信すると、通常、ブラウザーのリダイレクトがトリガーされます。この記事では、jQuery Ajax を使用してフォーム データをキャプチャし、リダイレクトを発生させずに処理するために PHP スクリプトに送信する方法を説明します。

jQuery Ajax 実装:
jQuery を使用してフォーム送信を処理するにはAjax の場合は、次の手順に従ってください:

1. を使用してデフォルトのフォーム送信を防止します。 event.preventDefault().
2. $form.serialize() を使用してフォーム データをシリアル化します。
3. Ajax リクエストが保留されている間はフォーム入力を無効にします。
4. $ を使用します。 ajax() メソッドを使用して、シリアル化されたデータを PHP スクリプトに送信します。
5. のコールバック ハンドラーを定義します。 request.done()、request.fail()、および request.always() を使用して成功、失敗、完了を確認します。
6. Ajax リクエストが完了した後にフォーム入力を再度有効にします。

PHP スクリプトの統合:
送信されたデータを処理する PHP スクリプト (弊社の form.php例):

1. グローバル変数 $_POST を使用して、投稿された値にアクセスします。
2. 悪意のあるコードを防ぐために、投稿されたデータを適切にサニタイズしてください。

追加メモ:

• jQuery 1.8 以降では、.success()、.error()、および .complete() が非推奨になります。代わりに、.done()、.fail()、.always() を使用してください。
• JavaScript コードでは、.ajax() の代わりに短縮形の .post() を使用することもできます。
• 提供されたコードは、jQuery 1.8 以降だけでなく、jQuery 1.5 までの以前のバージョンでも動作します。

以上がjQuery Ajax と PHP を使用してページ リダイレクトなしでフォームを送信する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。