프런트엔드 네트워크 관련 소결
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
console.log(xhr.responseText);
}
}
};
xhr.open('GET', 'url', true);
//xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
xhr.send(null);
get할 때,open의 URL은 매개 변수를 맞추고,send에서 매개 변수를 전달하지 않습니다.post일 때,open의 URL은 매개 변수를 포함하지 않습니다.send에서 매개 변수를 전달하고,open 후send 앞에 요청 헤더를 설정합니다.
ajax 요청 중의 두 가지 상태 코드
상기 코드에는 두 가지 상태 코드가 있는데,
첫 번째는 xhr입니다.readyState, 브라우저 판단 요청 과정의 각 단계의 상태 코드입니다.
0 - 프록시가 생성되었지만 open () 이 호출되지 않았습니다.
1 - open () 방법이 호출되었습니다.
2 -send() 방법이 호출되었고 머리와 상태를 얻을 수 있습니다
3 - 다운로드 중 responseText 속성에 일부 데이터가 포함되어 있음
4 - 다운로드 작업이 완료되었습니다.
두 번째는 xhr입니다.status, 이것은 HTTP 프로토콜에 규정된 서로 다른 결과의 반환 상태 설명입니다.
1xx
수락한 요청이 처리되고 있음을 나타내는 정보성 상태 코드
2xx
성공 상태 코드, 요청이 정상적으로 처리되었음을 나타냅니다.
3xx
요청을 완료하기 위해 추가 작업이 필요하다는 것을 나타내는 상태 코드로 리디렉션
301과 302의 차이점: 전자는 영구 리디렉션, 후자는 임시 리디렉션(나중에 URL이 변경될 수 있음)
302와 303의 차이점: 후자는 클라이언트가 GET 방식으로 자원을 확보해야 한다는 것을 명확하게 나타낸다
4xx
서버에서 요청을 처리할 수 없음을 나타내는 클라이언트 오류 상태 코드
5xx
서버 오류 상태 코드, 서버 처리 요청 오류 표시
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.