AJAX에서 요청의 다양한 준비 상태 설명

AJAX는 비동기 JavaScript 및 XML을 의미합니다. 대화형 웹 애플리케이션을 만들기 위한 웹 개발 기술 집합입니다. AJAX를 사용하면 웹페이지를 다시 로드하지 않고도 서버와 통신할 수 있습니다.

준비 상태는 AJAX 요청을 처리하는 데 중요한 부분입니다. 요청의 준비 상태는 서버에 대한 요청 상태를 나타내며 클라이언트가 요청 진행 상황을 추적할 수 있도록 합니다.

아래에서는 AJAX의 다양한 준비 상태를 자세히 설명합니다.

전송되지 않은 상태(0)

AJAX의 첫 번째 준비 상태입니다. 정수 0으로 표현됩니다. AJAX 요청을 할 때 요청은 send() 메서드가 호출될 때까지 "보내지 않은" 상태입니다. 이는 요청이 아직 서버로 전송되지 않았음을 의미하며, 이는 요청이 아직 전송되어야 함을 나타냅니다. 이 상태는 XMLHttpRequest.UNSENT라고도 합니다.

문법

으아악

공개 상태(1)

AJAX의 두 번째 준비 상태입니다. 정수 1로 표현됩니다. AJAX 요청의 열린 상태는 요청이 서버로 전송되었지만 응답이 아직 수신되지 않은 경우입니다. 이는 일반적으로 AJAX 요청 주기의 첫 번째 단계이며 일반적으로 버튼 클릭이나 양식 제출과 같은 사용자 작업에 의해 트리거됩니다. 이는 요청이 열렸고 요청 헤더가 전송되었음을 나타냅니다.

예를 들어, 사용자가 양식을 제출하기 위해 버튼을 클릭하면 AJAX 요청이 서버로 전송되고, 서버는 요청을 처리하고 응답을 다시 보냅니다. 그런 다음 브라우저는 응답을 처리하고 이에 따라 페이지를 업데이트합니다. 또 다른 예는 사용자가 더 많은 콘텐츠를 로드하기 위해 링크를 클릭할 때 AJAX 요청이 서버로 전송되어 추가 콘텐츠를 가져온 다음 이를 페이지에 표시하는 것입니다.

문법

으아악

HEADERS_RECEIVED 상태(2)

AJAX의 세 번째 준비 상태입니다. 정수 2로 표현됩니다. 수신된 헤더는 요청이 전송되고 서버가 해당 헤더로 응답할 때 발생하는 AJAX의 요청 상태입니다. 서버가 요청을 수신했으며 응답 헤더가 수신되었음을 나타내는 응답을 준비 중입니다.

예를 들어, 사용자가 웹페이지 보기 요청을 보내면 서버는 페이지 헤더를 다시 보내 응답합니다. 이러한 헤더에는 콘텐츠 유형, 페이지 길이, 페이지가 마지막으로 수정된 날짜 등의 정보가 포함되어 있습니다.

또 다른 예는 사용자가 서버에 파일 다운로드 요청을 보내는 경우입니다. 서버는 파일의 크기와 유형, 마지막으로 수정된 날짜와 같은 파일 헤더를 다시 전송하여 응답합니다.

문법

으아악

로드 상태(3)

AJAX에서 요청의 로딩 상태는 요청이 서버로 전송되고 응답이 수신될 때입니다. 이 시간 동안 요청 상태는 "로드 중"이며 이는 응답 본문이 수신되고 있음을 나타냅니다.

예를 들어 사용자가 양식을 제출하기 위해 버튼을 클릭하면 로드 상태는 양식이 제출되고 서버에서 응답(예: 성공 또는 오류 메시지)이 반환되는 때입니다.

또 다른 예는 사용자가 링크를 클릭하여 새 페이지로 이동하는 경우입니다. 로드 상태는 링크를 클릭하면 새 페이지가 로드되는 상태입니다.

문법

으아악

완료 상태(4)

AJAX에서 요청 완료 상태는 요청이 완료되고 응답이 수신되었을 때입니다. 이 시점에서 서버는 요청에 응답했으며 추가 처리를 위해 데이터를 사용할 수 있습니다. 이는 요청이 완료되었고 응답이 수신되었음을 나타냅니다.

문법

으아악

예

이 예에서는 AJAX 호출을 수행하고 다양한 준비 상태를 살펴보겠습니다. 우리는 현재 상태로 다양한 주 웹페이지를 업데이트할 것입니다. UNSENT 상태는 AJAX 호출이 전송되기 전에만 사용할 수 있으므로 수행할 수 없습니다. 버튼 클릭 이벤트 핸들러를 사용하여 AJAX 호출을 트리거합니다.

으아악

결론

JavaScript에서 AJAX 요청에는 전송되지 않음, 열림, 헤더 수신됨, 완료됨의 네 가지 준비 상태가 있습니다. 전송되지 않음 상태는 요청이 아직 서버로 전송되지 않았음을 의미합니다. 열린 상태는 서버에 요청을 보냈지만 아직 응답을 받지 못한 상태입니다. 헤더 수신 상태는 서버가 헤더로 응답하고 응답을 준비하는 상태입니다. 완료 상태는 요청이 완료되었고 응답이 수신되었음을 의미합니다. 이러한 각 준비 상태는 XMLHttpRequest 객체의 ReadyState 속성을 통해 액세스할 수 있습니다. AJAX 요청의 진행 상황을 추적하고 응답을 적절하게 처리하는 데 유용합니다.

위 내용은 AJAX에서 요청의 다양한 준비 상태 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!