Ajax と PHP を使用して、複数の入力を含む動的フォームからデータベースにデータを入力する方法-PHPチュートリアル-php.cn

Ajax と PHP を使用して、複数の入力を含む動的フォームからデータベースにデータを入力する方法

Linda Hamilton

リリース： 2024-12-07 11:16:12

オリジナル

709 人が閲覧しました

How to Use Ajax and PHP to Populate a Database from a Dynamic Form with Multiple Inputs?

Ajax と PHP: 複数のフォーム入力によるデータベースの入力

はじめに

数量がユーザー定義の複数の入力フィールドを持つ PHP フォームがあります。。このデータをデータベースに効果的に入力するには、Ajax が有効なソリューションです。これは、特定のシナリオに合わせたソリューションです。

Ajax 実装

要件を満たすために次の Ajax 関数を実装します。

function MyFunction(){

    var i = 1;
    var x = $('#num_to_enter').val();
    var formData = new FormData;

    while (i <= x){
        var name = $('#fname[i]').val();
        var lname = $('#lname[i]').val();
        var email = $('#Email[i]').val();

        formData.append("fname[" + i + "]", name);
        formData.append("lname[" + i + "]", lname);
        formData.append("email[" + i + "]", email);
        i++;
    }

    $.ajax({
        url: 'process.php',
        type: "POST",
        data: formData,
        processData: false,
        contentType: false,
        success : function(data){
            window.setTimeout(function() {
                $('#SuccessDiv').html('Info Added!');
                $('#data').css("display","block");
                $('#data').html(data);
            }, 2000);
        }
    });
    return false;
}

ログイン後にコピー

フォーム構造

提供されたフォーム構造は残ります有効:

echo "<form method='post'>";

$i=1;

while($i <= $num_to_enter){

$form_output .= "First Name:

<input>

ログイン後にコピー

データベース挿入

データベース挿入スクリプト内に、それに応じて Ajax データを含めるようにしてください:

while ($i <= $x){

    $x = $_POST['num_to_enter'];
    $fname = $_POST['fname[$i]'];
    $lname = $_POST['lname[$i]'];
    $email = $_POST['email[$i]'];

    $sql = "INSERT INTO `mytable` 
        (`firstname`, `lastname`, `email`) VALUES ('$fname[$i]', '$lname[$i]', '$email[$i]');";

    $i++;
}

ログイン後にコピー