> 백엔드 개발 > PHP 튜토리얼 > AJAX 및 PHP를 사용하여 데이터베이스에 여러 양식 입력을 삽입하는 방법은 무엇입니까?

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

Susan Sarandon
풀어 주다: 2024-12-05 03:59:09
원래의
678명이 탐색했습니다.

How to Insert Multiple Form Inputs into a Database Using AJAX and 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿