2012-05-10 4 views
1

서버에서 가져온 JSON 결과의 페이지 매김을 수행하고 싶습니다. HTML5, jQuery 및 AJAX 호출을 사용하여 데이터를 가져옵니다. 아래 예제와 같이 서버에서 데이터를 가져올 수 있습니다.jQuery와 AJAX로 페이지 매김하는 방법은 무엇입니까?

예 : 서버에서 Ajax 호출 (JSON 결과)을 사용하여 10 개의 레코드를 받았는데 각 페이지 당 5 개의 레코드를 표시하려고합니다.

{"name" : "GPR1"},{"name": "GPR2"},{"name" : "GPR3"},{"name" : "GPR4"},{"name" : "GPR5"},{"name" : "GPR10"},{"name" : "GPR9"},{"name" : "GPR8"},{"name" : "GPR7"},{"name" : "GPR6"} 
+0

[게시물에 서명 또는 태그 라인을 추가하지 마십시오.] (http://stackoverflow.com/faq#signatures). – meagar

답변

3

당신은 obviuos은 "JQuery와 매김 플러그인"에 대한 Google에서 검색하는 것입니다 간단 경우에도 가져온 결과 페이지를 매기는 일부의 jQuery 플러그인을 사용할 수 있습니다. 위의 검색 결과에 대한 설명 : http://www.jqueryrain.com/2012/04/best-ajax-jquery-pagination-plugin-tutorial-with-example-demo/. 사용자 정의 솔루션입니다 :

글로벌 변수에 JSON 데이터 (메모리에 캐시)
  • 페이징에 자신의 컨트롤을 넣어 페이징 버튼
  • 바인드 "클릭"저장
    • (이전 및 다음 버튼.) 페이지 매김을 실행하려면
    • -> 페이지 매김은 기본 javascript "slice"메서드를 사용하고 데이터를 표시하여 수행됩니다.
  • 관련 문제