⚠️ readyState 4 에러

웹 개발하던 중, AJAX 요청을 통해 서버에서 데이터를 가져오려고 시도했지만 readyState 4 에러와 함께 예상치 못한 데이터베이스 연결 메시지가 반환되는 상황에 직면했다. 이 문제를 해결하기 위해 발생한 에러와 그 원인을 살펴보도록 하겠다!

🤔 에러 내용 및 원인

에러 내용

readyState: 4와 함께 서버에서 반환된 데이터에 "데이터베이스 연결 성공!"이라는 메시지가 포함되어 있었다.

에러 원인

서버 스크립트(drink_info.php)에서 디버깅 또는 로깅 메시지가 클라이언트로 반환되다.
이 메시지는 서버에서 데이터베이스 연결을 확인하기 위한 디버깅 용도로 사용되었을 것이지만! 클라이언트에게는 순수한 JSON 데이터만 반환해야 한다.

✨에러 해결 방법

서버 스크립트를 수정하여 디버깅 메시지를 클라이언트로 반환하지 않도록 하여 문제를 해결할 수 있다.

if ($conn->connect_error) {
    die("데이터베이스 연결 실패: " . $conn->connect_error);
} else {
    echo "데이터베이스 연결 성공!";
}

if ($conn->connect_error) {
    die("데이터베이스 연결 실패: " . $conn->connect_error);
} 

이렇게 수정함으로써 클라이언트는 순수한 JSON 데이터를 수신하게 되며, 디버깅 메시지가 더 이상 반환되지 않게 된다.

위와 같이 수정한 결과 다음페이지로 잘 넘어가게 되었다!