0826 작업일지_

church 페이지 script

$(function(){
            getChurch();
        });

        let page=1; //페이지 변수선언

        function getChurch() {
            let query=$(".query").val(); //input text 검색어

            $.ajax({
                type: "GET",
                url: "/i-am-catholic/churches",
                data: {
                    "size": 15,
                    "queryType": "전체",
                    "query": query,
                    "page": page-1 //페이지 api 넘기는 값
                },
                success: function (result) {
                    console.log(result);
                    let listTag = "";

                    if (result.content.length != 0) { //결과값이 0이 아닐 경우
                        result.content.forEach(function (item) {
                            if (item.address1 == null) item.address1 = "";
                            // if( item.area == null ) item.area="-";
                            // if( item.status == null ) item.status="-";

                            listTag +=
                                "<li>" +
                                "<a seq='"+item.seq+"'>" +
                                "<div class='img-wrap'>" +
                                "<span><img src='' alt=''></span>" +
                                "</div>" +
                                "<div class='text-wrap'>" +
                                "<p class='title'>" + item.churchName + "</p>" +
                                "<ul class='info'>" +
                                "<li>" +
                                "<p class='tit'><span>주</span><span>소</span></p>" +
                                "<p class='text text1'>" + item.address1 + "</p>" +
                                "</li>" +
                                "<li>" +
                                "<p class='tit'><span>사</span><span>제</span></p>" +
                                "<p class='text text1'>" + item.priest + "</p>" +
                                "</li>" +
                                "<li>" +
                                "<p class='tit'><span>부</span><span>사</span><span>제</span></p>" +
                                "<p class='text text2'></p>" +
                                "</li>" +
                                "</ul>" +
                                "</div>" +
                                "<span class='more-btn'>+ 자세히 보기</span>" +
                                "</a>" +
                                "</li>";
                        });
                        $(".churchList-wrap").html(listTag);
                    }else{
                        $(".churchList-wrap").html(listTag);
                    }
                    fPagination(result, page); //페이지네이션 생성 함수 호출
                }
            });
        }

        $(".churchList-wrap").on("click", "a", function(){ //a태그(자세히보기 상위 태그) 클릭 시
            location.href="/catholic/sub/church_detail?seq="+$(this).attr("seq"); //페이지이동, a태그의 seq를 가지고
        });

        $("#pagination").on("click", "a", function() { //페이지네이션 안에 a태그를 클릭했을 때
            page = parseInt($(this).attr("gopage")); //클릭된 a태그의 gopage 속성값을 숫자로 변환해서 page변수에 넣어준다.
            getChurch();
        });
        
        ```