>웹 프론트엔드 >HTML 튜토리얼 >프런트 엔드는 http 상태 코드 400의 반환 값 예를 얻습니다_기본 튜토리얼

프런트 엔드는 http 상태 코드 400의 반환 값 예를 얻습니다_기본 튜토리얼

亚连
亚连원래의
2018-05-21 15:18:184587검색

이제 http 상태 코드 400의 반환 값을 얻는 프런트 엔드의 예를 보여드리겠습니다. 이제 그것을 여러분과 공유하고 모든 사람에게 참고 자료로 제공하겠습니다.

아래와 같이:

axios.get("/check_mobile_and_sent_code",{withCredentials:true,params:{mobile:formInline.mobile}}).then(res=>{
            console.log(res);
            //if(res.result==true){
              if (!this.timer) {
                this.count = this.TIME_COUNT;
                this.show = false;
                this.timer = setInterval(() => {
                  if (this.count > 0 && this.count <= this.TIME_COUNT) {
                    this.count--;
                  } else {
                    this.show = true;
                    clearInterval(this.timer);
                    this.timer = null;
                  }
                }, 1000)
              }
            //}
          }).catch(error=>{
            console.log(error.response.data);
            console.log(error.response.status);
            console.log(error.response.headers); 
            console.log(&#39;Error&#39;, error.message);
            console.log(error.config);
          })

사용 시나리오:

백엔드에서 확인된 휴대폰 번호가 이미 존재한다고 판단하면 400을 반환합니다. 이때 오류 조건으로 점프하여 백엔드(400)는 위와 같이 데이터를 반환합니다.

error.response의 반환 값은 다음과 같습니다.

여기서 오류가 직접 출력되면 error.message와 같습니다.

첨부된 것은 상태 코드 200의 반환 값입니다.

The 위의 내용은 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

IE9 이전 버전의 JavaScript 메모리 누수 문제(자세한 요약)

JavaScript 개발의 디자인 모드에서 Facade 외관 모드 적용(고급)

JavaScript 디자인 사용 튜토리얼 패턴 개발의 결합 패턴(고급)

위 내용은 프런트 엔드는 http 상태 코드 400의 반환 값 예를 얻습니다_기본 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.