JSON Javascript Onclick Loader

Question

JSON 피드를 읽고 HTML로 작성하는 스크립트가 있습니다. 이제는 5 개의 요소 만 보여주고 앞으로 버튼으로 다음 5 개의 요소를로드하거나 마지막 5 개의 버튼을 뒤로 표시하는 방법을 원합니다. 그렇게 할 가능성이 있습니까? 필자에게 몇 가지 예를 들자면, 그러한 기능을 구축하기위한 연구를 시작할 수 있습니다.

지금까지 내 코드, 당신에게 보여 사람 : 당신이 매김을 구현하기 위해 노력하고 같은

<script type="text/javascript"> 
$(function() 
{ 
$(document).ready(function() 
{ 
$.getJSON("json_data2.php",function(data) 
{ 
$.each(data.posts, function(i,data) 
{ 
var div_data = 
"<div ><a href='"+data.url+"'>"+data.title+"</a></div>"; 
$(div_data).appendTo("#test"); 
}); 
} 
); 
return false; 
}); 
}); 
</script> 

<div id="test"></div> 

Answer 1

는 소리. 일반적으로 이것은 서버 측에서 가장 잘 수행됩니다. 귀하의 경우에는 json_data2.php가됩니다. json_data2.php는 예를 들어 startPosition과 amount라는 두 개의 쿼리 문자열을 읽을 수 있습니다. 따라서 startPosition은 전달 된 숫자를 기반으로 항목 목록을 오프셋 할 수 있습니다. 그러면 금액은 json_data2.php에 반환 할 항목 수를 알려줍니다. 다음 또는 이전에 클릭 할 때마다 startPosition이 증가 또는 감소합니다.

그래서

json_data2.php? startPosition입니다 = 0 & 양 = 5 그런 다음

이

json_data2.php? startPositon = 5 & 양 = 5 다음을 반환 처음 5 개 결과

을 반환 5 결과.