안녕하세요 책검색 페이지를 만들고 싶어서 API를 이용했는데
<script type="text/javascript">
$(function () {
$("#search").click(function () {
$.ajax({
type: "GET",
url: "https://dapi.kakao.com/v3/search/book?target=title&sort=accuracy&page=1&size=50&query=" + $("#bookName").val(),
data: {},
headers: {Authorization: "KakaoAK 8a66864513180bddba040cc373ab421b"}
})
.done(function (msg) {
for (let i=0; i<msg.documents.length; i++)
$("p").append("<img src='" + msg.documents[i].thumbnail + "'>");
$("p").append("<strong>" + msg.documents[i].title + "</strong>");
$("p").append("<strong>" + msg.documents[i].authors + "</strong>");
$("p").append("<strong>" + msg.documents[i].publisher + "</strong>");
$("p").append("<strong>" + msg.documents[i].datetime + "</strong>");
})
})
})
위의 코드에서 url 부분에 page=1을 변수로 둘수는 없는건가요? 실제 페이지는 엄청 많은데, 검색을 하면 1페이지에 있는 자료만 표시가 됩니다. "1페이지의 내용을 다 불러오면 다음 페이지로 넘어간다"는 코드를 만들고 싶은데, 어떤 식으로 작성해야 할까요? 구글에서 검색해도 못찾겠어서 질문 올립니다!