집 >웹 프론트엔드 >JS 튜토리얼 >jQuery AJAX에서 ReadyState와 상태의 차이점과 연결

jQuery AJAX에서 ReadyState와 상태의 차이점과 연결

韦小宝원래의: 2018-01-01 18:31:071608검색

이 글에서는 주로 jQuery AJAX에서 ReadyState와 status의 차이점과 연관성을 소개하고 있습니다. Ajax에 관심이 있는 친구들은 jQuery AJAX

에서 ReadyState와 status의 차이점과 연관성을 참고할 수 있습니다. 웹 프런트엔드 큰 킬러 중 하나인 AJAX는 웹 프런트엔드에 대한 많은 사람들의 이해를 뒤엎었습니다. 제 개인적인 관점에서 볼 때, html/css/JavaScript의 세 가지 아티팩트가 마침내 1996년에 모였다면, 웹 프런트엔드는 -end에는 드래곤을 소환할 수 있는 능력이 있으며, 그 이후에는 ajax가 세 가지 아티팩트에 의해 소환된 첫 번째 드래곤이며, 매개변수 전달과 같은 문제가 발생하면 프런트엔드 코드와 백엔드 코드가 완전히 분리될 가능성이 있습니다. 프런트엔드 프로그래머는 자신 있게 외칠 수 있습니다. 竜が我がenemyをakuraえ. . . . .

AJAX를 사용할 때 저는 jQuery나 다른 프레임워크 대신 네이티브 js를 사용합니다. 왜냐하면 Queen이 네이티브가 가장 강력하다고 말해주기 때문입니다. . . .

말할 것도 없이 먼저 코드를 살펴보겠습니다

jQuery AJAX에서 ReadyState와 상태의 차이점과 연결

이 코드는 XHR 개체의 인스턴스 요청을 구성하고 이를 사용하여 비동기 요청을 설정합니다. onreadystatechange 이벤트에서 ReadyState와 status라는 두 가지 속성이 있음을 확인했습니다. ReadyState는 AJAX 상태 값을 얻습니다. 해당 값과 의미는 다음과 같습니다.

0: 요청이 초기화되지 않았고 open 메서드가 호출되지 않았습니다.

1: 서버 연결이 완료되었습니다. open이 호출되었습니다.

2: 요청이 수락되었습니다. 즉, 헤더 정보가 수신되었습니다.

3: 요청이 처리 중입니다. 즉, 응답 본문입니다. is received

4: 요청이 완료되었습니다. 즉, 응답이 완료되었습니다

그리고 status는 세 자리 숫자로 구성된 HTTP 상태 코드를 가져옵니다.

1xx: 서버가 웹 브라우저에서 요청을 수신하여 처리 중임을 나타냅니다.

2xx: 성공, 사용자 요청이 올바르게 수락, 이해 및 처리되었음을 나타냅니다.

3xx: Heavy Directed, 요청이 실패했음을 나타냅니다. 클라이언트는 추가 조치를 취해야 합니다

4xx: 클라이언트가 제출한 요청이 잘못되었음을 나타내는 클라이언트 오류

5xx: 서버가 요청 처리를 완료할 수 없음을 나타내는 서버 오류

그런 다음 AJAX 상태 값은 다음과 같습니다. HTTP와 동일 상태 코드 간의 차이점과 연결은 무엇입니까? 이것은 생각해 볼 가치가 있는 질문입니다. 비록 프로그래밍 자체에는 유용하지 않지만, 무슨 일이 일어나고 있고 왜 일어나는지 알기 위해서는 연구해야 합니다.

우리 모두 알고 있듯이 AJAX의 핵심은 XHR 객체입니다. AJAX가 실행되는 동안 ReadyState의 값은 0부터 변경되기 시작합니다. AJAX가 send 메서드 호출로 실행되면 HTTP 요청이 전송되고 HTTP가 실행됩니다. 요청 설치 단계가 실행됩니다. 이때 상태 값이 시작됩니다. 변경이 발생하면 AJAX 운영 메커니즘은 HTTP 요청이 결과를 반환할 때까지 기다립니다. 마지막으로 HTTP 요청이 결과를 반환하면 HTTP 요청의 성공 여부, 올바른 정보가 요청되었는지 여부에 관계없이 AJAX 운영 메커니즘은 작업이 완료되거나 오류가 발생할 때까지 계속 실행됩니다. 이것이 AJAX 상태 값과 HTTP 상태 코드의 관계를 이해하는 방법입니다.
내 이해가 모두에게 받아들여질지 모르겠습니다. 불분명하거나 잘못되었다고 생각하는 경우 댓글 영역에 지적해 주시기 바랍니다. 아리가도.

jQuery AJAX에서 ReadyState와 상태의 차이점과 연결

관련 기사