使用ajax .load加载动态网址?

时间:2015-05-03 22:13:11

标签: javascript jquery ajax

我有多个页面需要在点击加载更多按钮时动态加载

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

默认情况下http://example.com/?page_id=1208&paged=1会加载,所以如果我点击加载更多按钮,我需要将新内容添加到页面中,但不是从第1页加载,而是需要从第2,3页加载每次我点击加载更多按钮时都有4个。

如何进行可与多个网址一起使用的ajax调用?

我使用了jQuery ajax .load,但问题是nextLink变量不会更新,因为它已经加载到js文件中。

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

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

1 个答案:

答案 0 :(得分:1)

class eqals content1

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