Hi i am using SwiperJS for sliding my products and my data is loading with Ajax and i have Pagination on APIs so i have next and last page address .

Is there any solution to ajax the next page when user reaches to last slide on Swiper ?

and if it's not , please tell me how sync Swiper pagination with Ajax because i have more than 100 products and i can't load them all when page loads.

here is my HTML Swiper code :

swiper1 = new Swiper(".BookSwiper-a", {
  slidesPerView: 1,
  spaceBetween: 55,
  loop: false,
  autoplay: {
    delay: 5000,
    disableOnInteraction: false,
  },
  breakpoints: {
    
    768: {
      slidesPerView: 1,
    },

    769: {
      slidesPerView: 3,
    },
    
    992: {
      slidesPerView: 3,
    },
    
    1480: {
      slidesPerView: 5,
    }
  },
  navigation: {
    nextEl: ".cmt-slide-next-a",
    prevEl: ".cmt-slide-prev-a",
  },
});

and i use Ajax to load products then Swiper.update()

Thanks for you help