js에서 http 상태 코드를 얻는 방법

js는 가져오기 기능, 가져오기 기능 및 타사 라이브러리를 사용하여 http 상태 코드를 얻을 수 있습니다. 자세한 소개: 1. XMLHttpRequest 객체의 상태 속성을 호출하여 HTTP 상태 코드를 얻기 위해 XMLHttpRequest 객체를 사용합니다. 2. fetch 함수를 사용하여 then 메소드를 통해 응답을 처리하고 상태 속성을 통해 HTTP 상태 코드를 얻습니다. 3. 응답 객체의 타사 라이브러리 등을 사용합니다.

이 튜토리얼의 운영 체제: windows10 시스템, javascript2023 버전, DELL G3 컴퓨터.

JavaScript에서는 다음과 같은 방법으로 HTTP 상태 코드를 얻을 수 있습니다.

1. XMLHttpRequest 개체 사용:

기존 JavaScript에서는 XMLHttpRequest 개체를 사용하여 HTTP 요청을 보내고 응답을 받을 수 있습니다. HTTP 상태 코드는 XMLHttpRequest 객체의 상태 속성을 호출하여 얻을 수 있습니다. 예:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.status); // 输出200
}
};
xhr.send();

위 코드에서 HTTP 상태 코드는 xhr.status를 통해 얻을 수 있습니다.

2. 가져오기 기능 사용:

최신 JavaScript에서는 가져오기 기능을 사용하여 HTTP 요청을 보내고 응답을 받을 수 있습니다. fetch 함수는 then 메소드를 통해 응답을 처리하고 응답 객체의 status 속성을 통해 HTTP 상태 코드를 얻을 수 있는 Promise 객체를 반환합니다. 예:

fetch('http://example.com/api')
.then(function(response) {
if (response.ok) {
console.log(response.status); // 输出200
}
});

위 코드에서 HTTP 상태 코드는 response.status를 통해 얻을 수 있습니다.

3. 타사 라이브러리 사용:

기본 JavaScript 메서드 외에도 일부 타사 라이브러리를 사용하여 HTTP 상태 코드를 얻는 프로세스를 단순화할 수도 있습니다. 예를 들어 Axios 라이브러리를 사용하면

axios.get('http://example.com/api')
.then(function(response) {
console.log(response.status); // 输出200
});

위 코드에서 HTTP 상태 코드는 response.status를 통해 얻을 수 있습니다.

HTTP 요청은 비동기 작업이기 때문에 위 방법으로 얻은 HTTP 상태 코드는 비동기적으로 얻어집니다. 따라서 HTTP 상태 코드를 받기 전에 잠시 기다려야 할 수도 있습니다. 콜백 함수, Promise, async/await 등을 통해 비동기 작업을 처리하여 HTTP 상태 코드를 얻은 후 후속 작업이 수행되도록 할 수 있습니다.

또한 위 방법으로 얻은 HTTP 상태 코드는 브라우저가 요청을 보낼 때의 상태 코드가 아니라 서버가 반환한 상태 코드라는 점에 유의해야 합니다. 브라우저가 요청을 보낼 때의 상태 코드(예: 404 Not 발견)은 브라우저의 개발자 도구(예: Chrome의 개발자 도구)를 통해 볼 수 있습니다.

위 내용은 js에서 http 상태 코드를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!