2012-11-02 2 views
0

PHP/SQL을 통해 레코드를 생성 중입니다. 이 코드는 5 개의 레코드를 표시합니다. 다음 버튼을 누르면 다음 5 개의 레코드가 표시되도록 프로그래밍하려고합니다.페이지 번호 기록

코드 :

function show(qstring,qtype) 
{ 
$("#vsdiv").show(); 
var myurl="scripts/searchpage.php"; 
$.ajax({url: myurl, 
     dataType:'json', 
     data:{querystring:qstring,querytype:qtype}, 
     success: function(member) 
     { 
      $("#results").append('<tr class="me">'+'<th>#REC</th> <th>name</th><th>surname</th>'); 
      var j=0; 
      var totrecs=1; 
      for(var i=0;i<5;i++) 
      { 
       $("#results").append('<tr class="rows'+j+'">'+' 
             <td class="ids" id="z'+i+'">'+totrecs+'</td>'+' 
             <td>'+name[i].bdate+'</td>'+' 
             <td class="users" id="username'+i+'">'+member[i].username+'</td>'+' 
             <td id="contact'+i+'">'+member[i].fname+' '+member[i].lname+'</td>'+' 
             <td><input type="checkbox" name="whome" id="showMe'+i+'"'+' 
             class="boxes" onclick="getMe('+i+')" /></td></tr>'); 
       totrecs++; 
       j++; 
      } 
     } 
     }); 
} 

그리고 HTML 단추 :

<input type="button" id="next5" title="Next 5 Records" disabled="disabled" value="Next 5>>" /> 
+1

오류/버그에 대한 자세한 정보를 제공하십시오. 그렇지 않으면 질문에 대답하는 작업이 훨씬 커집니다. – Sheena

답변

0

은 당신이 원하는 것은 LIMIT 키워드입니다.

blah sql statment blah LIMIT 1,5; 

당신의 다음 질문은 다음과 같습니다 :

blah slq statement blah LIMIT 6,10; 

당신이 JQuery와 체크 아웃 하나의 쿼리를 모두 표시 할 수있게하려면 시작하고 그래서 같이 함께 종료 레코드를 지정할 수 있습니다 라이브러리 :

http://datatables.net/

+0

SQL 문을 변경하고 싶지 않고 js에 대한 함수를 얻으시겠습니까? –

+0

Jquery 라이브러리 데이터 테이블을 살펴볼 수 있습니다. http://datatables.net/을 참조하십시오. 저는 방금 끝낸 앱에서 사용했고 훌륭하게 작동합니다. – thatidiotguy

0

당신은 자바 스크립트 변수에 아약스 호출의 반환 값을 저장할 수 있습니다. 그런 다음 배열의 시작 위치를 다음 다섯 개의 레코드로 저장하십시오.

var returnedData = null; 
var startingPos = 0; 

function addFiveResults(){ 
    //Your code to append to results 
    //from startingPos to startingPos + 5 
    startingPos += 5; 
} 

$.ajax(... 
success: function(member) { 
    returnedData = member; 
    startingPos = 0; 
    addFiveResults(); 
}); 

또한 onclick 호출을 addFiveResults();

이렇게하면 아약스 요청 수가 줄어들고 더욱 다양 해집니다. 하드 코딩 된 5를 변경할 수있는 또 다른 변수로 쉽게 만들 수 있습니다.