영화 리스트와 상세 페이지를 구현 중이다. TMDB 사이트에서 데이터를 받아와 영화 리스트를 띄웠고, 상세 페이지도 마찬가지로 적용하였다. 검색도 마찬가지로 api 내에 있는 정보로 가져올 수 있는데, 상세 API 정보는 링크에서 확인할 수 있다.

image

api key와 query는 필수 요청 파라미터이고, 나머지는 옵션이니 필요한 키워드에 따라 정의해서 불러오면 된다.

let searchUrl = "https://api.themoviedb.org/3/search/movie";

$(".search-btn").click(function() {
    let keyword = $("#search-input").val();
    $.ajax({
        type: 'get',
        url: searchUrl,
        data: {
            "api_key": apiKey,
            language: "ko-KR",
            page: currentPage,
            query: keyword
        },
        success: function(response) {
            $div.empty();
            let resultCount = response.total_results;
            totalPage = Math.ceil(resultCount/20);

            $("#count").text(resultCount);
            showLists(response);
        }
    })
});

검색 잘 되는 거 확인!

image

Categories:

Updated: