Loading dynamic url using ajax .load?

Question

I have multiple pages that I need to load dynamically whenever a load more button is click

http://example.com/?page_id=1208&paged=1
http://example.com/?page_id=1208&paged=2
http://example.com/?page_id=1208&paged=3
http://example.com/?page_id=1208&paged=4

By default http://example.com/?page_id=1208&paged=1 will load up, so if I click on the load more button I need to append the new content into the page but instead of loading from page 1 I will need to load from page 2,3 and 4 every time I click on the load more button.

How do I make a ajax call that will work with multiple urls?

I used jQuery ajax .load but the problem is the nextLink variable will not be updated since it is already loaded in the js file.

var url = "http://example.com/?page_id=1208&paged="
var pageNum = 1;
var nextLink =url+pageNum;

 $('.content-'+ pageNum).load(nextLink + ' .each-block',
    function() {
        pageNum++;
    }
);

what do you mean? you need to provide more explanation

renakre
– renakre

2015-05-03 22:15:05 +00:00
Commented May 3, 2015 at 22:15 — renakre
– renakre, Commented May 3, 2015 at 22:15
@erkaner just updated, thanks for the help

Vincent1989
– Vincent1989

2015-05-03 22:22:30 +00:00
Commented May 3, 2015 at 22:22 — Vincent1989
– Vincent1989, Commented May 3, 2015 at 22:22

Ryan · Accepted Answer · 2015-05-03 22:19:30Z

1

class eqals content1

 $('.content-'+ pageNum).load(nextLink, function() {
        pageNum++;
    }
);

answered May 3, 2015 at 22:19

Ryan

14.7k9 gold badges68 silver badges104 bronze badges

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

Collectives™ on Stack Overflow

Loading dynamic url using ajax .load?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related