다음 JavaScript 코드와 연동되는 PHP 코드에서 빈칸에 들어갈 내용은?
다음 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;
정답: 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 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.