카카오 API 로 책 정보 검색 하기

JavaScript

카카오 API 로 책 정보 검색 하기

블린더르 2019. 2. 1. 15:57

카카오 API 를 사용하기 위해서는 우선 등록해야 한다.

카카오 디벨로퍼 에 들어가서 아래 쪽에 앱 개발 시작하기를 눌러 등록 후
앱 만들기를 눌러서 애플리케이션을 하나 만들어 주면 사전 설정이 끝난다.

카카오에서 제공하는 개발가이드를 확인해보자.

우리는 REST API 중 검색 API를 이용할 것이다.
REST API 개발가이드 REST API 책검색 를 보면

Request 에 들어가는 값 과 Response 로 받아오는 JSON 객체의 내용이 나온다.

이제 코드로 작성해보자

이런 책 데이터를 입력 하는 폼에서 ISBN 을 검색해서 나오는 책 데이터를 자동으로 폼에 넣어볼 것이다.

ISBN 에 있는 검색 버튼을 누르면 함수가 작동하도록 button 태그에

onclick="searchISBN($('#isbn').val());"

onclick 이벤트를 작성한다.

이제 작동하는 함수를 만들어 보자.

function searchISBN(isbn){
    event.preventDefault();
    if(isbn !== undefined && isbn !== ""){
        $.ajax({
          url: "https://dapi.kakao.com/v3/search/book",
          headers: {'Authorization': 'KakaoAK '+ key},
          type : "get",
          data:{
              query: isbn,
             target:'isbn'
          },
          success : function(result){
              let data = result.documents[0];
              $("#title").val(data.title);
              $('#author').val(data.authors);
              $('#pub').val(data.publisher);
              $('#price').val(data.price);
              $('#info').val(data.contents+"...");
              let date = data.datetime.split('T')[0];
              $('#date').val(date);
              $('#translator').val(data.translators);
          }
      });
    }
}