ajax로 페이징을 더보기(readmore) 구현하기 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

ajax로 페이징을 더보기(readmore) 구현하기 정보

ajax로 페이징을 더보기(readmore) 구현하기

본문

페이스북같이 스킨제작했는데요~
페이지

<< 1 2 3 4 5 >>
이런식으로 안하고

더보기누르면 div 가 펼쳐지는 식으로 ajax로 구현하려면

힘든가요?ㅠㅠ

댓글 전체

<script>
  var listcount=0;
  function addlist(){
        listcount+=5;
        $.post("/getlit.php",{"count" : listcount},function(data){
              var oldlist =  $("#listbody").html();
              $("#listbody").html(oldlist+data);
        });
  }
</script>

<div id='listbody'>
    <div id='1' >게시글 1</div>
                    .
    <div id='5' >게시글 5</div>              .
</div>
<div onclick='addlist()'> 더보기 </div>

요런식입니다. 처음 리스트가 5개 있음 addlist() 함수 호출할때마다 5씩 플러스 시켜서
getlit.php에 인자로 던져주고 limt 5식 증가시커서 게시물을 쿼리해서

다시 listbody에 기존 내용 뒤에 붙이는 식이죠. 줄이는건 역으로 하시면 됩니다.

그냥 잠시 생각해서 끼적 거린거니 더 신중이 코딩 해보세요.
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT