[英]Ajax Load more content
我想从/page-0.html?to-page=2
加载一些内容,而我当前的页面是/page-0.html?to-page=1.
这是我的代码:
$(document).ready(function() {
var page = 1;
$.get('/page-0.html?to-page=' +page, function(html) {
if(html) {
$('#result').append(html);
$('#more').text('Load More Post'); //add text "Load More Post" to button again
} else {
$('#more').text('No more Post to load'); // when last record add text "No more posts to load" to button.
}
$('#more').click(function() {
$('#more').html('<img src="ajax-loader.gif"');
page += 1;
});
}, 'json');
});
HTML:
<div id="result"></div> <button id="more">Load more</button>
如果我单击“加载更多”按钮,则应将url /page-0.html?to-page=1 to 2.
更改/page-0.html?to-page=1 to 2.
可以吗?
我是jquery新手。 有人可以帮我在这里找到我的错误吗?
尝试这个:
$(document).ready(function() {
var page = 1;
var getData;
(getData = function() {
$.get('/page-0.html?to-page=' +page, function(html) {
if(html) {
$('#result').append(html);
$('#more').text('Load More Post'); //add text "Load More Post" to button again
} else {
$('#more').text('No more Post to load'); // when last record add text "No more posts to load" to button.
}
}, 'json');
})();
$('#more').click(function() {
$('#more').html('<img src="ajax-loader.gif"');
page += 1;
getData();
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.