AJAX 요청 - axios 또는 jQuery

axios

XMLHttpRequest 대신에 사용되는 통신 라이브러리 중 하나

<script src="http://unpkg.com/axios/dist/axios.min.js"/>

URL에 한글이 포함된 경우

endcodeURIComponent() <-> decodeURIComponent()

https://test.com/root/${encodeURIComponent('한글s')}

 

기본 활용

axios.get("https://test.com").then((result)=>{
    console.log(result.data);
}).catch((error)=>{
   console.error(error);
});

 

promise 활용하여 get

(async ()=>{
    try{
        const result = await axios.get("https://test.com");
        console.log(result).data;
    }catch (error){
        console.error(error);
    }
})();

 

promise 활용하여 post 

(async ()=>{
    try{
        const result = await axios.post("https://test.com", {
            name:'illua',
            birth:2000,
        });
        console.log(result).data;
    }catch (error){
        console.error(error);
    }
})();