PHP で jQuery Ajax POST を使用して、ページ リダイレクトなしでフォームを送信するにはどうすればよいですか?

PHP を使用した jQuery Ajax POST: 例

フォームからデータベースにデータを送信するには、多くの場合フォームの送信が必要になるため、ブラウザーがリダイレクト。 jQuery と Ajax を使用すると、フォーム データをキャプチャして PHP スクリプトに送信することで、この問題を解決できます。

jQuery コード:

jQuery コードは次のとおりです。 :

<form>

// Prevent form submission
$("#foo").submit(function(event){
    event.preventDefault();
    
    // Serialize form data
    var serializedData = $("#foo").serialize();
    
    // Ajax request
    $.ajax({
        url: "/form.php",
        type: "post",
        data: serializedData,
        success: function (response) {
            console.log("Request successful");
        },
        error: function (error) {
            console.error("Error:", error);
        }
    });
});

PHPスクリプト:

PHP スクリプト (form.php) は送信されたデータを受け取ります:

<?php
    $bar = isset($_POST['bar']) ? $_POST['bar'] : null;
?>

使用法:

JavaScript をラップしますドキュメントレディハンドラーのコード:

$(document).ready(function(){
    // jQuery code
});

必ず次のことを行ってください。ユーザーが送信したデータを操作するときに入力をサニタイズします。

jQuery .post の短縮表記:

$.post('/form.php', serializedData, function(response) {
    console.log("Response:", response);
});

このメソッドは、jQuery バージョン 1.5 以降で使用できます。

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