A

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

· 2012-04-17 (화) 17:55:03 · 12972 · 2
페이스북같이 스킨제작했는데요~
페이지

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

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

힘든가요?ㅠㅠ
|

댓글 2개

<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에 기존 내용 뒤에 붙이는 식이죠. 줄이는건 역으로 하시면 됩니다.

그냥 잠시 생각해서 끼적 거린거니 더 신중이 코딩 해보세요.
2012-04-18 (수) 09:42:56
getlit.php 요거는 어떤 파일이고 어떤 내용이 들어가야 되나요?
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

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

+
제목 글쓴이 날짜 조회
12-04-17 조회 2,990
12-04-17 조회 1,098
12-04-17 조회 1,827
12-04-17 조회 1.3만
12-04-17 조회 1,718
12-04-17 조회 2,120
12-04-17 조회 1,668
12-04-17 조회 1,143
12-04-17 조회 1,758
12-04-17 조회 1,881
12-04-17 조회 2,733
12-04-17 조회 1,079
12-04-17 조회 1,063
12-04-17 조회 954
12-04-17 조회 1,429
12-04-17 조회 882
12-04-17 조회 1,634
12-04-17 조회 1,190
12-04-17 조회 1,661
12-04-17 조회 1,072