[JS] Ajax를 Axios로 변환하기

2021.05.24 - [인턴업무] - [MYBATIS] ibatis를 mybatis로 변환하기

[MYBATIS] ibatis를 mybatis로 변환하기

 

사용법은 거의 비슷하다.

러닝가이드를 보면 쉽게 배울 수 있다.

Axios 러닝 가이드

 

작업 중 post가 안되는 문제가 있었고, 이를 기록한다.

 

axios.post('/url/path', null, {params : {
                  id : _id,
                  pw : _pw
              }})
                .then((Response)=>{                                    
                  window.$('#result').append(Response.data); 
              })
                .catch(() => {   
                  window.$('#result').append("요청처리 실패"); 
              });
            }}

• 원래는 첫 번째 인자가 url, 두 번째 인자가 data, 세 번째 인자가 config여야 하나, jquery 사용 시 잘 안되는 것 같다.
• post 메소드의 두 번째 값을 null로 넣고 세번 째 인자에 params을 넣어주면 전송이 된다.

axios.get('/url/path')
                .then((Response)=>{                                    
                  window.$('#result').append(Response.data); 
              })
                .catch(() => {   
                  window.$('#result').append("요청처리 실패"); 
              });
            }}

• get 메소드는 요청만해서 값을 받아오는 용도로 사용하기 좋다.

axios({
    url : '/url/path',
    method : 'post',
    data:{
        id:id,
        pw:pw
    }
    })  
        .then((Response)=>{                                    
            window.$('#result').append(Response.data); 
    })
        .catch(() => {   
            window.$('#result').append("요청처리 실패"); 
    });
    }}

• ajax처럼 이렇게도 사용 가능
• [러닝가이드 참고 권장]