[英]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.