AJAX 및 PHP를 사용하여 데이터베이스에 여러 양식 입력을 삽입하는 방법은 무엇입니까?

Ajax와 PHP를 사용하여 데이터베이스에 여러 양식 입력 삽입

제공된 양식은 사용자 선택에 따라 여러 입력 필드를 생성합니다. Ajax를 사용하여 이 데이터를 데이터베이스에 제출하려면 여러 단계가 필요합니다.

1. 여러 입력 필드 생성:

PHP 코드는 예제에 표시된 대로 루프를 사용하여 여러 입력 필드를 생성합니다.

<?php
$i = 1;
while ($i <= $num_to_enter) {
    $form_output .= "First Name: <input>

2. Ajax 함수 만들기:

JavaScript 함수는 모든 입력 필드에서 데이터를 캡처하여 PHP 스크립트로 보냅니다.

function MyFunction() {
    var i = 1;
    var x = $('#num_to_enter').val();
    var data = "";
    var errorMessage = false;
    
    // Check if all fields are filled
    while (i <= x) {
        var name = $('#fname' + i).val();
        var lname = $('#lname' + i).val();
        var email = $('#Email' + i).val();
        if (name == "" || lname == "" || email == "") {
            errorMessage = true;
        }
        data += "fname[" + i + "]=" + name + "&lname[" + i + "]=" + lname + "&email[" + i + "]=" + email + "&";
        i++;
    }
    
    if (!errorMessage) {
        $('#SuccessDiv').html('Entering Info. <img src="images/processing.gif" />');
        $.ajax({
            url: 'process.php',
            type: "POST",
            data: data,
            success: function(data) {
                window.setTimeout(function() {
                    $('#SuccessDiv').html('Info Added!');
                    $('#data').css("display","block");
                    $('#data').html(data);
                }, 2000);
            }
        });
    } else {
        alert('Please fill out all fields.');
    }
    return false;
}

3. PHP에서 Ajax 요청 처리:

process.php 스크립트는 POST 데이터를 수신하여 데이터베이스에 삽입합니다:

<?php
$i = 1;
while ($i <= $_POST['num_to_enter']) {
    $fname = $_POST['fname[' . $i . ']'];
    $lname = $_POST['lname[' . $i . ']'];
    $email = $_POST['email[' . $i . ']'];

    // Execute INSERT query into database
    // Set $sql accordingly for your database syntax

    $i++;
}
?>

4. JSON 응답 반환:

데이터를 성공적으로 삽입한 후 process.php 스크립트는 Ajax 함수에 JSON 응답을 보냅니다. 예를 들어 이 응답은 성공 메시지를 표시하는 데 사용될 수 있습니다.

echo json_encode(array('success' => true));
?>

5. Ajax 함수에서 JSON 응답 처리:

JavaScript Ajax 함수에서 성공 메소드는 PHP 스크립트의 JSON 응답을 처리합니다.

success: function(data) {
    if (data.success) {
        // Display a success message
    } else {
        // Display an error message
    }
}

다음 단계를 수행하면 Ajax와 PHP를 사용하면 여러 양식 입력의 데이터를 데이터베이스에 성공적으로 제출할 수 있습니다.

위 내용은 AJAX 및 PHP를 사용하여 데이터베이스에 여러 양식 입력을 삽입하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!