How to load data using bootstrap per page not all at once usin json/jquery

See more:

jQuery

JSON

SharePoint2013

Greetings,

using bootstrap 4 to bind data with sorting/searching and paging every thing is working fine

Requirement: i want to load data per page not all @ once , its making lazy loading

Solution Required: update me to fetch/retrive data per page like as we have paging on bootom , if user click on page 2/3/4/5 so records are fetched respectively Using Json/Jquery on same time not on load time


Problem:Currently on load time ,its fetched all records which is almost 2500 and in future it will be around 5000 so its taking time to retrive on load time.

Thanks

What I have tried:

no relevant artile found yet to be tested successfully, Need help on this, if one can

Thanks