jQuery Ajax GET 비동기 통신 기본 예제

jQuery Ajax GET 비동기 통신 기본 예제 입니다.

$.ajax({
    type: "GET",
    url: [API HOST ADDRESS],
    success: function (respData, textStatus, jqXHR) {
      console.log(respData);
    },
    error: function (xhr, status, error) {
      console.log(error);
    },
  });

 

단순화 되어 있는 방법도 있습니다.

$.get([API HOST ADDRESS], function( data ) {
	console.log(data);
});

 

기본적으로는 위와 같이 사용할 수 있습니다. 하지만 위의 방법은 API를 한번만 사용할때는 괜찮지만.. 여러개를 사용하게 된다면

 

Callback 지옥이라는 대단히 난감한 개발을 해야 되는 상황이 생길수 있습니다. Callback 지옥을 피하기 위한 방법은 심화 예제를 통해 작성하겠습니다.