0823 작업일지_

감나무·2022년 8월 23일
0

작업일지

목록 보기
128/142
<script>
        $(function(){
            getBaptismalList();
        });

        let page=1;

        function getBaptismalList() {
            let query=$(".query").val(); //input text 검색어
            let month=$("#month option:selected").val(); //월 값
            let day=$("#day option:selected").val(); //일 값

            $.ajax({
                type: "GET",
                url: "/i-am-catholic/catholics",
                data: {
                    "size": 30,
                    "query": query,
                    "month": month,
                    "dayOfMonth": day,
                    "page": page-1
                },
                success: function (result) {
                    console.log(result);
                    let listTag = "";

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

                            listTag +=
                                "<li>" +
                                "<a href='./baptismal_detail.html'>" +
                                "<p class='name'><span class='blue'>" + item.gubun + "</span> " + item.baptismalName + "</p>" +
                                "<ul class='info'>" +
                                "<li>" + item.baptismalDate + "</li>" +
                                "<li>" + item.status + "</li>" +
                                "<li>" + item.area + "</li>" +
                                "<li>" + item.year + "</li>" +
                                "</ul>" +
                                "<span class='more-btn'>+ 자세히 보기</span>" +
                                "</a>" +
                                "</li>";
                        });
                        $(".btmList-wrap").html(listTag);
                    }else{
                        $(".btmList-wrap").html(listTag);
                    }
                    fPagination(result, page);
                }
            });
        }

        $("#pagination").on("click", "a", function() {
            page = parseInt($(this).attr("gopage"));
            getBaptismalList();
        });

        $("#queryType").change(function(){
            page=1;
            $(".query").val("");
            $("#month").val("");
            $("#day").val("");
            getBaptismalList();
        });
    </script>
    

#pagination

profile
🦜🦜🚗🏍 🚲🌳🌈🎀

0개의 댓글