채택완료

이런싸이트는 어떻게 구현을 하나요 ^^

2015-04-22 (수) 09:47:24 2,453

http://www.roem.com/CustomerService/CustomerServiceList


notice  faq  event    메뉴들은....제이퀘리 같긴한데...
데이타 베이스 연동을 안하는것 같기도 하는데요..반응이 빨리와서요..^^  

|

답변 2개

채택된 답변
+20 포인트
2015-04-22 (수) 09:50:03

jquery 맞습니다.

마우스 오른쪽 버튼 > 소스보기

하면 대략 구현방법 아실 수 있으실겁니다.

2015-04-22 (수) 11:23:01
function setCustomerService(iCurPage)
{  
    var boardType = $("#hdnServiceType").val() == "" ? "NOTICE" : $("#hdnServiceType").val();
    var faqTopGrpNo = $("#hdnFaqTopGrpNo").val() == "" ? "" : $("#hdnFaqTopGrpNo").val();
    var searchVal = $("#hdnTxtSearch").val() == "undefined" ? "" : $("#hdnTxtSearch").val();
    

    $.ajax({
url: "/CustomerService/AjaxCustomerServiceList?boardType=" + boardType + "&searchVal=" + encodeURIComponent(searchVal) + "&CurPage=" + iCurPage + "&faqTopGrpNo=" + faqTopGrpNo,
type: "POST",
dataType: "html",
success: function (data) {
   $("#divServiceArea").html(data);
}
    });


    if(boardType == "FAQ")
    {
$("#faqSubTab").show();
$(".cs_search").css("margin-top", "20px");
    } else {
$("#faqSubTab").hide();
$(".cs_search").css("margin-top", "30px");

if(tmpCnt == 1)
{
   $(".tab_csCenter").after("<ul><li></li></ul>");

   tmpCnt++;
}
    }
    
    $("#txtSearch").val(searchVal);
    
}   

이런식으로 json으로 넘겨받아서 div를 뿌려주는 방식이네요

답변을 작성하려면 로그인이 필요합니다.