카카오 책검색 API 활용

    <script>
        function hey(){
            $('#book-box').empty()

            alert('찾았어요!')
            let bookname = $('#book_name').val();
            $.ajax({
                method: "GET",
                url: "https://dapi.kakao.com/v3/search/book?target=title",
                data: {query: bookname},
                headers: {Authorization: "KakaoAK 2d75a260e4ab7a1ca0eefa3fd7e819a8"}
            })
                .done(function (msg) {
                    let title = msg.documents[0].title;
                    let sale_price = msg.documents[0].sale_price;
                    let thumbnail = msg.documents[0].thumbnail;
                    let authors = msg.documents[0].authors;
                    let publisher	 = msg.documents[0].publisher;
                    let url	 = msg.documents[0].url;

                    let temp_html = `<div class="mybook-box col-sm-6 col-md-4">
                                        <div class="thumbnail">
                                            <img src="${thumbnail}" alt="...">
                                            <div class="caption">
                                                <a href="${url}">${title}</a>
                                                <p>저자: ${authors}</p>
                                                <p>가격: ${sale_price}</p>
                                                <p>출판사: ${publisher}</p>
                                            </div>
                                        </div>
                                    </div>`
                    $('#book-box').append(temp_html)


                });
        }



    </script>

ajax get방식 api호출

참고사이트
카카오개발자센터
조코딩