0904 작업일지

감나무·2022년 9월 4일
0

작업일지

목록 보기
136/142

🔥 오늘의 목표

  • 출근

📝 노트필기 및 정리

- 진도
1.

$(function (){
            getCelebrity() //0. function 선언
        })

        function getCelebrity(){
            $.ajax({
                type: "GET",
                url: "/i-am-catholic/celebrities",
                data: {
                    "queryType": "전체",
                    "query": ""
                },
                success: function (result) { //2
                    console.log(result);
                    let listTag = ""; // 3. 변수를 선언

                    if ( result.content.length !=0 ) { //1. 0이 아닐 때 실행한다
                        result.content.forEach(function (item) { //2. result의 content를 길이만큼 반복한다.

                            if (item.celebrityCatholic.area == null) item.celebrityCatholic.area = "-";
                            //7. item.celebrityCatholic(지역)이 null이면 item.celebrityCatholic을 -로 보이게 만들어라.

                            listTag += //4. 바꿔줄 줄을 html에서 찾아오고 ""안에 정리해서 넣어준다.

                                "<tr>" +
                                "<td><input type='checkbox' class='cont-check'></td>" +
                                "<td onclick='location.href='./celebrityDetail.jsp''>10</td>" +
                                "<td onclick='location.href='./celebrityDetail.jsp''>"+item.name+"</td>" +
                                "<td onclick='location.href='./celebrityDetail.jsp''>"+item.job+"</td>" + //! 가끔 포스트맨에 오타 있을 수 있으니 확인하기 !
                                "<td onclick='location.href='./celebrityDetail.jsp''><p><span class='blue'>"+item.celebrityCatholic.category+"</span>"+item.celebrityCatholic.baptismalName+"</p></td>" +
                                "<td onclick='location.href='./celebrityDetail.jsp''>"+item.celebrityCatholic.baptismalDate+"</td>" +
                                "<td onclick='location.href='./celebrityDetail.jsp''>"+item.celebrityCatholic.status+"</td>" +
                                "<td onclick='location.href='./celebrityDetail.jsp''>"+item.celebrityCatholic.area+"</td>" +
                                "<td onclick='location.href='./celebrityDetail.jsp''>"+item.celebrityCatholic.year+"</td>" +
                                "</tr>"; //5. 포스트맨과 콘솔을 보면서 해당 아이템 안에 있는 아이템들의 리스트를 출력해준다.
                        });
                        $(".celebrityList").html(listTag); //6. html을 리스트 태그로 덮어써준다.
                    }
                }
            })
        }
profile
🦜🦜🚗🏍 🚲🌳🌈🎀

0개의 댓글