영화기록 페이지 만들어보기(2)_GET

끝이 보인다!

이제는 GET방식으로 저장되어있던 데이터를 가져오는 것을 정리하겠다.

POST보다는 훨 간단해서 이해하기가 좀 더 좋았다.😀

 

1.서버에서 할 일(DB에 있는 데이터 들고 오기)

👆 빨간선 :  movies라는 데이터폴더에서 가져오겠다.

     노란선: movies라는 키 값으로 movie_list를 받겠다. 

 

 

2. 클라이언트 코드

$(document).ready(function(){
          listing();
        });

        function listing() {
            $.ajax({
                type: 'GET',
                url: '/movie',
                data: {},
                success: function (response) {
                    let rows = response['movies']
                    for(let i = 0; i<rows.length; i++){
                        let comment=rows[i]['comment']
                        let title =rows[i]['title']
                        let desc=rows[i]['desc']
                        let image=rows[i]['image']
                        let star =rows[i]['star']

                        let star_image='⭐'.repeat(star)

                        let temp_html=`<div class="col">
                                        <div class="card h-100">
                                            <img src="${image}"
                                                 class="card-img-top">
                                            <div class="card-body">
                                                <h5 class="card-title">${title}</h5>
                                                <p class="card-text">${desc}</p>
                                                <p>${star_image}</p>
                                                <p class="mycomment">${comment}</p>
                                            </div>
                                        </div>
                                    </div>`
                       $('#cards-box').append(temp_html);
                    }
                }
            })
        }

👆 let rows = response['movies']  :  movies는 movie_list를 받았던 key값이고 list형식을 rows라는 변수에 할당하고

 list형식을 for문으로 돌려서 movies안의 내용 중 comment,title,desc,image,star들의 데이터를 가져온다.

 

그리고 append()를 사용해서 카드를 가지고 있던 #cards-box에 카드 하나의 형식으로 넣어준다.

 

3.확인

그러면

스파르타피디아

URL을 입력하는 창에 URL만 넣어주면 저렇게 image와 title description들이 나오고 별점과 코멘트들을 내가 적어준대로 

입력되어 표시되는 것을 확인 할 수 있다.😎

 

역시 처음은 어렵다..ㅎ 그래도 계속 해서 익숙해지도록 해야지!