투케이2K

97. (Http/axios) [간단 소스] 액시오스 사용해 Http 요청 및 response 응답 에서 확인 가능한 종류 설명 본문

Http & Api

97. (Http/axios) [간단 소스] 액시오스 사용해 Http 요청 및 response 응답 에서 확인 가능한 종류 설명

투케이2K 2024. 12. 20. 17:20

[개발 환경 설정]

개발 툴 : Edit++

개발 기술 : Axios

 

[소스 코드]

 

// --------------------------------------------------------------------------------------
[개발 및 테스트 환경]
// --------------------------------------------------------------------------------------

- 언어 : JavaScript

- 개발 툴 : Edit ++

- 구분 : HTTP / API

// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[소스 코드]
// --------------------------------------------------------------------------------------


    <!-- ================================================== -->
    <!-- [옵션 설명] -->
    <!-- ================================================== -->
    {
        // [서버가 제공하는 응답입니다.]
        data: {},

        // [HTTP 상태 코드입니다.]
        status: 200,

        // [HTTP 상태 메시지입니다.]
        statusText: 'OK',

        // [HTTP 헤더입니다.]
        // [모든 헤더 이름은 소문자이며, 괄호 표기법을 사용하여 접근할 수 있습니다.]
        headers: {},

        // [config 는 요청을 위해 Axios 가 제공하는 구성입니다.]
        config: {},

        // [응답으로 생성된 요청입니다.]
        request: {}
    }






    <!-- ================================================== -->
    <!-- [CDN 주소 설정] -->
    <!-- ================================================== -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- ================================================== -->






    <!-- ================================================== -->
    <!-- [자바스크립트 코드 지정] -->
    <!-- ================================================== -->

    axios.get('https://example.com/profile/user')
    .then(function (response) {

        console.log(response.data);
        console.log(response.status);
        console.log(response.statusText);
        console.log(response.headers);
        console.log(response.config);

    });
    
// --------------------------------------------------------------------------------------






// --------------------------------------------------------------------------------------
[참고 사이트]
// --------------------------------------------------------------------------------------

https://axios-http.com/kr/docs/intro

// --------------------------------------------------------------------------------------

 

반응형
Comments