다음 JavaScript 코드와 연동되는 PHP 코드에서 빈칸에 들어갈 내용은?

과목: PHP

문제 번호: 2897

hard
다음 JavaScript 코드와 연동되는 PHP 코드에서 빈칸에 들어갈 내용은?
// JavaScript (클라이언트)
function submitData() {
    const xhttp = new XMLHttpRequest();
    xhttp.open("POST", "handler.php");
    xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xhttp.onload = function() {
        document.getElementById("result").innerHTML = this.responseText;
    }
    xhttp.send("fname=Mary&age=25");
}

// PHP (handler.php)
$name = ___['fname'];
$age = ___['age'];
echo "이름: " . $name . ", 나이: " . $age;
A. $_GET, $_GET
B. $_POST, $_POST
C. $_REQUEST, $_REQUEST
D. $_SESSION, $_SESSION

정답: B



JavaScript에서 POST 방식으로 전송한 데이터는 PHP의 $_POST 배열에서 받아야 합니다.

⦁ 클라이언트-서버 데이터 흐름:
1. JavaScript: xhttp.open("POST", ...) → POST 방식 설정
2. JavaScript: xhttp.send("fname=Mary&age=25") → 데이터 전송
3. PHP: $_POST['fname'], $_POST['age'] → 데이터 수신

⦁ HTTP 메서드와 PHP 변수 매핑:
⦁ POST 요청 → $_POST 배열
⦁ GET 요청 → $_GET 배열
⦁ 두 방식 모두 → $_REQUEST 배열 (권장하지 않음)

⦁ 실행 결과:
이름: Mary, 나이: 25

⦁ AJAX의 장점:
⦁ 페이지 새로고침 없이 데이터 전송
⦁ 사용자 경험 향상
⦁ 비동기 처리로 성능 개선

💡 학습 팁

이 문제를 포함한 PHP 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.