jQuery를 이용한 Ajax

2020. 7. 23. 15:50공부내용 공유하기

jQuery를 이용한 Ajax 코드 예제이다.

 

const ajax = (ajax_url, ajax_type, ajax_data, ajax_data_type) => {
  $.ajax({
    // 요청을 보낼 URL
    url: ajax_url,


    // HTTP 요청 방식 (GET, POST)
    type: ajax_type,


    // HTTP 요청과 함께 서버로 보낼 데이터
    data: ajax_data,


    // 서버에서 보내줄 데이터의 타입 ( xml, text, html, json 등)
    dataType: ajax_data_type,
  })
    .done(function (data) {
      console.log('성공적으로 데이터 수신 : ' + data[0]);
    })
    .fail((data) => {
      console.log('실패');
    })
    .always((data) => {
      console.log('종료되었습니다.');
    });
};

ajax('https:/example.url.com', 'GET', 'dummy_data', 'json');

 

올바른 파라미터를 참조해서 값을 가져오는데 성공했다면 콘솔창에서 아래와 같은 결과를 확인 할 수 있다.

 

 

요청이 제대로 처리되지 않았다면

 

 

위와 같은 결과를 콘솔창에서 확인 할 수 있다.

 

$.ajax({}) 안에 success랑 error를 넣는 방법도 있다.

 

필요하면 찾아보시길