ajax로 페이징을 더보기(readmore) 구현하기 정보
ajax로 페이징을 더보기(readmore) 구현하기
본문
페이스북같이 스킨제작했는데요~
페이지
<< 1 2 3 4 5 >>
이런식으로 안하고
더보기누르면 div 가 펼쳐지는 식으로 ajax로 구현하려면
힘든가요?ㅠㅠ
페이지
<< 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에 기존 내용 뒤에 붙이는 식이죠. 줄이는건 역으로 하시면 됩니다.
그냥 잠시 생각해서 끼적 거린거니 더 신중이 코딩 해보세요.
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에 기존 내용 뒤에 붙이는 식이죠. 줄이는건 역으로 하시면 됩니다.
그냥 잠시 생각해서 끼적 거린거니 더 신중이 코딩 해보세요.
getlit.php 요거는 어떤 파일이고 어떤 내용이 들어가야 되나요?