Complex Seitenumbruch mit AJAX POST und $ .getJSON

Question

Ich habe mehrere Kontrollkästchen Gruppe, deren Wert, wenn aktiviert, an eine PHP-Seite in einem Objekt mit jquery übergeben wird, bekomme ich die Ergebnisse alle gut. Jetzt möchte ich die Ergebnisse paginieren. Ich bin mir nicht sicher, wie ich das anstellen soll. Bei der Verwendung der Paginierung wird kein von AJAXPOST übergebener Wert zurückgegeben. Meine JS:

$(":checkbox").on('change', function() { 
    var mygroup = {}; 
    $(':checkbox:checked').each(function(i) { 
     var val = this.value; 
     var name = this.name; 
     mygroup[name] = (mygroup[name] || []).concat([val]); 
    }); 

    var itemsPerPage = 5; 

    if(typeof url == 'undefined'){ 
    url = "finalprocess1.php?page=1&items_per_page="+itemsPerPage; 
} 
    $.ajax({ 
     type: "POST", 
     url: 'finalprocess.php', 
     data: mygroup, 
     success: function(data) { 

     $.getJSON(url, function(data){  //NOT SURE IF I CAN DO THIS 
     var result = userTemplate({users : data.users}) //UNDERSCORE TEMPLATING 
     $("#theresult").html(result); 
      }); 
     } 
    }); 

}); 

Answer 1

sollten Sie fügen ein LIMIT und OFFSET Klausel in Ihre Abfrage auf der PHP-Seite, zu nehmen bestimmte Bereiche entsprechend Ihre Seite Grenze: (Beispiel unter Verwendung von Klar SQL, PHP und PDO)

$limit = $_GET['items_per_page']; //Page limit 

//Get request page, if not set to 1 
!null == $_GET['page'] ? $page = $_GET['page'] : $page = 1; 

//Get total rows count  
$totalRows = $this->db->query('SELECT FOUND_ROWS from items')->fetchColumn(); 

//Calculate number of pages 
$totalPages = ceil($totalRows/$limit); 

//Show next or previous button only when needed validation 
$hasPrevPage = $page > 1 ? true : false; 
$hasNextPage = $page < $totalPages ? true : false; 

//Calculate offset 
$offset = ($page - 1) * $limit; 

$sql = "SELECT * from items 
     LIMIT :pageLimit OFFSET :offset"; //The standard pagination clause 

$query = $this->db->prepare($sql); 
$query->bindValue(':pageLimit', $limit); 
$query->bindValue(':offset', $offset); 
$query->execute(); 
return $query->fetchAll(); 

Dann auf Ihrer Ansicht nach sollten Sie zwei Links, vorherige und nächste erstellen, mantaining Ihre Anfrage URI und modifing den Seitenparameter, +1 auf Seite auf der nächsten und -1 bei früheren so können Sie die Ergebnisse navigieren

so wie Sie hier tat:

url = "finalprocess1.php?page=1&items_per_page="+itemsPerPage; 

aber den Seitenparameter ändern:

prevUrl = "finalprocess1.php?page=" + (page-1) + "&items_per_page=" + itemsPerPage; 
nextUrl = "finalprocess1.php?page=" + (page+1) + "&items_per_page=" + itemsPerPage; 

Achten Sie darauf, diese Validierungen Ihre js passieren nur die Tasten zu zeigen, wenn nötig, und verhindern einen Offset-Fehler .

$hasPrevPage = $page > 1 ? true : false; 
$hasNextPage = $page < $totalPages ? true : false;