AJAX

홈 화면 > 프로젝트 선택 > 대시보드 > AJAX

AJAX란 비동기 자바스크립트와 XML(Asynchronous JavaScript And XML)입니다. 서버와 통신하기 위해 XMLHttpRequest 객체를 사용하는 것을 말합니다.

AJAX는 리소스 데이터 중 동적인 화면을 구성하는데 중요한 데이터 로드 방식입니다. AJAX가 정상 호출되지 않는다면 최종 사용자에게 정상 화면을 제공하지 못합니다. 이때 수집하는 정보를 통해 사용자 경험을 해치는 요소를 파악하는데 도움을 줄 수 있습니다.

노트

• 각 위젯에서 오른쪽 위에 버튼을 선택하면 해당 위젯 데이터를 전체 화면 크기로 확인할 수 있습니다.

• 위젯의 오른쪽 위에 버튼을 선택하면 차트 설정 화면이 나타납니다. 차트에 표시하는 옵션을 설정할 수 있습니다.

• 웹 브라우저의 화면 크기에 따라 위젯 오른쪽 위에 아이콘의 모양이 다를 수 있습니다. 버튼을 선택하면 추가 아이콘을 확인할 수 있습니다.

• 위젯 설정에 대한 자세한 내용은 다음 문서를 참조하세요.

AJAX 건수

실시간으로 AJAX의 로드 수를 확인할 수 있습니다.

• 위젯 오른쪽 위에 버튼을 선택한 다음 시간대를 설정해 AJAX의 로드 수를 조회할 수 있습니다.
• 데이터 조회 기준을 AJAX Host 또는 전체 AJAX로 변경하려면 위젯 오른쪽 위에 AJAX Path 버튼을 선택하세요.
• AJAX Path, AJAX Host 기준으로 AJAX 로드 수 조회 시 상위 10개에 해당하는 AJAX 건수를 제공합니다.
• 위젯 차트에 마우스 오버하면 툴팁 형태로 AJAX 건수 정보를 제공합니다.

평균 AJAX 응답시간

실시간으로 AJAX 응답시간을 확인할 수 있습니다. 특정 Path, Host 단위로 평균 AJAX 응답시간이 오래 걸리는 AJAX를 식별할 수 있습니다.

• 위젯 오른쪽 위에 버튼을 선택한 다음 시간대를 설정해 AJAX 응답 시간을 조회할 수 있습니다.
• 데이터 조회 기준을 AJAX Host 또는 전체 AJAX로 변경하려면 위젯 오른쪽 위에 AJAX Path 버튼을 선택하세요.
• AJAX Path, AJAX Host 기준으로 AJAX 로드 수 조회 시 상위 10개에 해당하는 AJAX 응답시간을 제공합니다.

상태별 AJAX

시간대별 AJAX와 관련한 HTTP 상태 코드를 확인할 수 있습니다.

AJAX와 관련한 HTTP 상태 코드를 조회한 시간 기준 누적 건수를 확인할 수 있습니다.

AJAX와 관련한 상태는 다음과 같습니다. 다음 기준으로 웹 애플리케이션에서 AJAX가 정상 작동하는지 확인하세요.

• 1xx(정보 응답): 서버가 요청을 수신했으며 서버에 연결된 클라이언트는 작업을 계속 진행하라는 의미입니다.

• 2xx(성공): 요청을 성공적으로 받았으며 인식했고 수용했습니다.

• 3xx(리다이렉션): 요청 완료를 위해 추가 작업 조치가 필요합니다.

• 4xx(클라이언트 오류): 요청의 문법이 잘못됐거나 요청을 처리할 수 없습니다.

• 5xx(서버 오류): 서버가 명백히 유효한 요청에 대한 충족을 실패했습니다.

• Request Fail(요청 실패): 서버로부터 응답 값을 받지 못하고 취소된 경우입니다. 예를 들어, 타임아웃으로 프론트에서 요청을 취소하는 경우, 잘못된 방법으로 요청을 하는 경우 등이 있습니다.

노트

HTTP 상태 코드와 관련한 자세한 내용은 다음 문서를 참조하세요.

AJAX 에러 건수

실시간으로 AJAX와 관련한 에러 건수를 확인할 수 있습니다.

• 위젯 오른쪽 위에 버튼을 선택한 다음 시간대를 설정해 AJAX 에러 건수를 조회할 수 있습니다.
• 데이터 조회 기준을 AJAX Host 또는 페이지 그룹으로 변경하려면 위젯 오른쪽 위에 AJAX Path 버튼을 선택하세요.
• 페이지 그룹 기준으로 조회 시 위젯 차트에 마우스 오버하면 툴팁을 통해 특정 페이지 그룹에서 발생한 AJAX 에러에 대해 식별할 수 있습니다.