We need to list all bookmarked images in our website. We are going to use AJAX pagination to build infinite scroll functionality. Infinite scroll is achieved by loading the next results automatically when the user scrolls to the bottom of the page.
We are going to implement an image list view that will handle both standard browser requests and AJAX requests including pagination. When the user initially loads the image list page, we display the first page of images. When he scrolls to the bottom of the page we load the following page of items via AJAX and append it to the bottom of the main page.
The same view will handle both standard and AJAX pagination. Edit the
views.py file of the
images application ...