jQuery Paginierung ... bedeutet dies, dass die gesamte Seite nicht sofort geladen wird?

Question

Ich habe eine große Menge von Daten auf einer Seite mit Wordpress angezeigt, also dachte ich, ich würde nach einer Art von jQuery Paginierung System suchen, um die Daten aufzuteilen, um nur die Daten auf der sichtbaren Seite zu laden, nicht die GESAMTE Seite mit über 1000 Posts (die meinen Browser abstürzen: /)

Aber ... ich fragte mich nur, ob das tatsächlich einen Unterschied machen würde? Ich habe ein Tutorial gefunden was ich will was hier ist http://web.enavu.com/tutorials/making-a-jquery-pagination-system/.

Würde dies tun, was ich will? Oder erlauben Sie einfach eine bequemere Möglichkeit, die Daten aufzuteilen, ohne das Problem mit dem Laden der Seite zu lösen?

Answer 1

Oder einfach eine bequemere Möglichkeit, die Daten aufzuteilen, ohne mein Problem mit der Seitenladung zu lösen?

Genau. Es würde immer noch alle Elemente aus der Datenbank abfragen und sie in Ihre Seite einfügen und sie dann einfach ausblenden.

Sie müssen ein Paging-System implementieren, das nur den Inhalt herunterlädt, der für jede "Seite" angezeigt werden soll.

Answer 2

Dieses Beispiel wird Ihr Problem nicht beheben, da es immer noch darauf angewiesen ist, dass alle Daten (in Ihrem Fall die 1000 Posts) zuerst in die Seite geladen werden und dann eine Untergruppe davon versteckt/angezeigt werden.

Was Sie erstellen müssen, ist eine Methode zum Abrufen einer Teilmenge Ihrer Daten vom Server - zum Beispiel 20 pro Seite - und deren Anzeige. Wenn der Benutzer dann die nächste Seite anfordert, müssen Sie eine neue Anfrage über AJAX stellen, um die nächsten 20 Posts aus der Datenbank zu erhalten.

Auf diese Weise erhält der Browser immer nur 20 Beiträge gleichzeitig und verursacht Ihnen keine Probleme. Genau wie Sie das mit Wordpress erreichen, bin ich mir nicht sicher, da ich es nie benutzt habe.

Alternativ könnten Sie eine komplett neue HTTP-Anfrage für jede Seite von Posts machen. Ich bin sicher, Wordpress hat diese Funktionalität bereits.