Pagination via Ajax call in jquery/javascript

Question

I am having one url

url = someurl?limit=5

This will return the 5 elements the format is

"count": 290,
"next": "someurl?limit=5&offset=5",
"previous": null,
"status": true,
"result": []

What I need to implement a pagination

In initial load it need to be 5 and after scrolling the new datas are append to it

     $.ajax({
        dataType: "json",
        url: url,
        success: function(data) {
            ***********some stuffs for appending data in to html ****
      }

In this success data I am getting next url when I was calling data.next

How do I call the same ajax call while data.next to null

How do I call the same ajax call while data.next to null what does this mean ? — KcH
– KcH, Commented Oct 8, 2020 at 8:10
In a ajax call success it returnin data... In the data.next it having url for the next pagination .... For example in initial I am loading 0: 10 datas then the next url for 10:20 datas SO I need to append those 10:20 elements v — Anoop
– Anoop, Commented Oct 8, 2020 at 8:13

Jawwad Ahmed · Accepted Answer · 2020-10-08 08:22:20Z

0

here you need to add in start param that gets incremented as per your limit

/assuming you are getting your first data on page load increments start from 0 to 5 so you get limit 5,5 in your next records/

<script>
var lmt = 5;
var start = lmt;

fucntion paginate(){
strt = strt + lmt;
url = someurl?limit=lmt&start=strt;
}
</script>

using global javascript variables are not secure.

answered Oct 8, 2020 at 8:22

Jawwad Ahmed

3172 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Pagination via Ajax call in jquery/javascript

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related