현재 위치: > 최신 기사 목록> Ajax를 사용하여 PHP에서 데이터를 얻는 방법 및 페이지 업데이트 페이지 동적으로

Ajax를 사용하여 PHP에서 데이터를 얻는 방법 및 페이지 업데이트 페이지 동적으로

M66 2025-07-13

Ajax를 사용하여 PHP에서 데이터를 얻는 방법 및 페이지 업데이트 페이지 동적으로

AJAX를 사용하여 PHP 방법에서 변수를 얻는 것은 웹 개발에서 매우 일반적인 요구 사항입니다. Ajax를 통해 서버에서 필요한 데이터를 얻고 페이지를 새로 고치지 않고 처리 할 수 있습니다. 이 기사는 AJAX를 사용하여 PHP 방법에서 변수를 얻고 특정 코드 예제를 제공하는 방법을 자세히 설명합니다.

백엔드 PHP 코드 예제

먼저 AJAX 요청을 처리하고 필요한 변수를 반환하려면 PHP 파일을 작성해야합니다. 다음은 샘플 PHP 파일 (getData.php)에 대한 코드입니다.

 <?php
// 전달 된 매개 변수를 얻으십시오
$param = $_POST['param'];

// 일부 작업을 수행하십시오,예를 들어, 데이터베이스에서 데이터를 얻습니다
$result = fetchDataFromDatabase($param);

// 반환 결과
echo json_encode($result);

// 데이터베이스에서 데이터를 가져 오는 기능의 예
function fetchDataFromDatabase($param) {
    // 데이터베이스에 연결하십시오
    $conn = new mysqli('localhost', 'username', 'password', 'database');

    // 쿼리를 실행하십시오
    $query = "SELECT * FROM table WHERE column = '$param'";
    $result = $conn->query($query);

    // 프로세스 쿼리 결과
    $data = array();
    while ($row = $result->fetch_assoc()) {
        $data[] = $row;
    }

    // 데이터베이스 연결을 닫습니다
    $conn->close();

    return $data;
}
?>

프론트 엔드 JavaScript 코드 예제

다음으로 AJAX 요청을 보내고 PHP 방법에서 변수를 가져 오려면 프론트 엔드 페이지에 JavaScript 코드를 작성해야합니다. 간단한 예제 코드는 다음과 같습니다.

 // aXMLHttpRequest물체
var xhr = new XMLHttpRequest();

// 설정Ajax요청 방법、URL그리고 비동기 여부
xhr.open('POST', 'getData.php', true);

// 설정묻다头信息
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

// 감시 장치Ajax요청 된 상태 변경
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        // 얻다PHP반환 된 데이터
        var data = JSON.parse(xhr.responseText);

        // 处理얻다到的数据
        processData(data);
    }
};

// 보내다Ajax묻다
xhr.send('param=value');

코드 구문 분석

위의 코드에서 먼저 xmlhttprequest 객체를 생성하고 요청 된 메소드, URL 및 비동기 여부를 설정하십시오. 그런 다음 요청 상태 변경 사항이 청취되고 요청이 완료된 후 반환 된 데이터가 처리됩니다. Ajax 요청을 보낼 때 매개 변수를 전달하고 xhr.send () 메소드를 통해 매개 변수 값이 전송됩니다.

요약

위의 코드 예제를 통해 개발자는 AJAX를 통해 PHP 방법에서 변수를 얻는 기능을 쉽게 구현할 수 있습니다. 프론트 엔드 페이지는 AJAX 요청을 백엔드 PHP 파일로 보냅니다. 백엔드 PHP 파일은 해당 작업을 수행하고 데이터를 반환하며 프론트 엔드 페이지는 반환 된 데이터를 처리하여 페이지를 새로 고치지 않고 동적 데이터를 얻는 효과를 달성합니다.