<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