🔥 오늘의 목표

• 출근

---

📝 노트필기 및 정리

- 진도
1. 모달창

$.ajax({
            type: "GET",
            url: "/i-am-catholic/churches",
            data: {
                "query": "",
                "size": 2
            },
            success: function (result) {
                console.log(result);
                let listTag = "";

                if( result.content.length != 0 ) {
                    result.content.forEach(function (item) {
                       listTag +=
                           "<li>" +
                           "<a href='#' class=''>" +
                           "<p class='name'>덕<span class='blue'>명동</span>성당</p>" +
                           "<p class='adress'>대전광역시 유성구 동서대로 179번길 2</p>" +
                           "</a>" +
                           "</li>"
                    });
                    $(".resultList-wrap").html(listTag);
                }
            }
        });

여기서 url있잖아!!! 이부분은

이런식으로... postman에서 봐야한다. (? 앞까지가 url이죠)

---

if( result.content.length != 0 ) {
                            result.content.forEach(function (item) {
                                listTag +=
                                    "<li>" +
                                    "<a href='#' class=''>" +
                                    "<p class='name'>"+item.churchName+"</p>" +
                                    "<p class='adress'>"+item.address1+"</p>" +
                                    "</a>" +
                                    "</li>"
                            });
                            $(".resultList-wrap").html(listTag);
                        }
                    }

listTag 해주고~~~

---

검색

$(function (){
           getChoir();
        });

        let page=1;

            function getChoir(){
                let query=$(".query").val();

                $.ajax({
                    type: "GET",
                    url: "/i-am-catholic/churches",
                    data: {
                        "query": query,
                        "size": 10
                    },
                    success: function (result) {
                        console.log(result);
                        let listTag = "";

                        if( result.content.length != 0 ) {
                            result.content.forEach(function (item) {
                                listTag +=
                                    "<li>" +
                                    "<a href='#' class=''>" +
                                    "<p class='name'>"+item.churchName+"</p>" +
                                    "<p class='adress'>"+item.address1+"</p>" +
                                    "</a>" +
                                    "</li>"
                            });
                            $(".resultList-wrap").html(listTag);
                        }else {
                            $(".resultList-wrap").html(listTag);
                        }
                    }
                });
            }
            

버튼을 누르면................

$(".choir-modal").on("click", ".blue-btn", function(){
                $(".query").val( $(".resultList-wrap").find("a.actived").find(".name").text() );
                $('.modal.choir-modal').css('display', 'none');
            });

---

페이지네이션(검색을 제외한)

$(function (){
           getFreeAd();
        });

        let page=1;

        function getFreeAd() {

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

                    if( result.content.length !=0 ){
                        result.content.forEach(function (item) {

                            listTag +=
                                "<tr>" +
                                "<td><p>10</p></td>" +
                                "<td><p class='category'>카테고리명</p></td>" +
                                "<td><p>회사명</p></td>" +
                                "<td><span class='type1 type'>대기</span></td>" +
                                "</tr>"
                        });
                        $(".tableAdlist").html(listTag);
                    }else {
                        $(".tableAdlist").html(listTag);
                    }
                    fPagination(result, page);
                }
            });
        }

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

---

시퀀스, 비밀번호

html

div class="modal-btn">
                    <div class="page-btn">
                        <a class="close-btn">취소</a>
                        <a class="blue-btn" onclick="passwordConfirm( $(this).attr('seq') )">확인</a>
                    </div>
                </div>

a에language-null">$(function (){ getFreeAd(); }); let page=1; function getFreeAd() { $.ajax({ type: "GET", url: "/i-am-catholic/advertisements", data: { "page": page-1 }, success: function (result) { console.log(result); let listTag = ""; if( result.content.length !=0 ){ result.content.forEach(function (item, index) { listTag += "<tr seq='"+item.advertisementSeq+"'>" + "<td><p>"+(index+1)+"</p></td>" + "<td><p class='category'>"+item.category+"</p></td>" + "<td><p>"+item.company+"</p></td>" + "<td><span class='type1 type'>"+item.accepted+"</span></td>" + "</tr>" }); $(".tableAdlist").html(listTag); }else { $(".tableAdlist").html(listTag); } fPagination(result, page); } }); } $("#pagination").on("click", "a", function() { page = parseInt($(this).attr("gopage")); getFreeAd(); }); $(".tableAdlist").on("click", "tr", function() { $('.freeAd-update-modal').css('display','block'); let seq=$(this).attr("seq"); //tr태그의 seq가져오기 $('.freeAd-update-modal').find(".blue-btn").attr("seq", seq); //클릭 시, 가져온 tr태그의 seq담아서 모달 확인버튼에 속성seq로 넣기 }); function passwordConfirm(seq){ //비밀번호 확인(seq) 담아서 let pw=$(".password").val(); //비밀번호 입력된 input value값 변수 if( pw == "" ) toastModal("비밀번호를 입력하세요."); //비밀번호 input 값이 공백이면 else { //비밀번호 input 값이 공백이 아닐 경우 비밀번호 확인 $.ajax({ type: "POST", url: "/i-am-catholic/advertisements/" + seq + "/matched", data: pw, contentType: "application/json", success: function (result) { if( result == true ) location.href = "/catholic/sub/freeAd_write" else toastModal("비밀번호가 맞지않습니다."); } }); } }