加載json feed的更多文章

Question

我需要您的幫助來獲取json feed中更多文章的一些ajax/jquery請求。

$(document).ready(function() { 
var output = $('#news'); 
var count = "2"; 
var page = "1"; 
$.ajax({ 
    url: 'http://domain.com/api/get_recent_posts/?post_type=news&count=' + count + '&page=' + page + '&callback=?', 
    async: false, 
    callback: 'callback', 
    crossDomain: true, 
    contentType: 'application/json; charset=utf-8', 
    type: 'POST', 
    dataType: 'jsonp', 
    timeout: 5000, 
    success: function (data, status) { 
     $.each(data.posts, function (i, item) { 
      var news = '<li>' + item.title + '</li>'; 
      output.append(news); 
     }); 

     if (data !== undefined && data !== undefined) { 
      $('#stats').append('Page ' + page + ' of ' + data.pages + ' | Total posts ' + data.count_total + ''); 
     } 

    }, 
    error: function() { 
     output.html('<h1 class="error">There was an error loading the data.</h2>'); 
    } 
}); 
}); 

我需要做的是：通過點擊鏈接（負載更多）頁面應顯示標題「VAR頁=‘2’」等等，但是，當它到達最後一個頁面的鏈接應該消失。希望它確實有道理。

請參見下面的現場小提琴： http://jsfiddle.net/AGGjj/

非常感謝提前。

Answer 1

每一個誰也有了答案：

$(document).ready(function() { 

var output = $('#news'); 
var count = "2"; 
var page = "1"; 
var load = function() { 
$.ajax({ 
    url: 'http://domain.com/api/get_recent_posts/?post_type=news&count=' + count + '&page=' + page + '&callback=?', 
    async: false, 
    callback: 'callback', 
    crossDomain: true, 
    contentType: 'application/json; charset=utf-8', 
    type: 'POST', 
    dataType: 'jsonp', 
    timeout: 5000, 
    success: function (data, status) { 
     $.each(data.posts, function (i, item) { 
      output.append($('<li />').text(item.title)); 
     }); 

     if (data !== undefined && data !== undefined) { 
      $('#stats').text('Page ' + page + ' of ' + data.pages + ' | Total posts ' + data.count_total + ''); 
     } 
     if (page == data.pages) { 
      $("#loadmore").remove(); 
     } 
     page++; 

    }, 
    error: function() { 
     output.html('<h2 class="error">There was an error loading the data.</h2>'); 
    } 
}); 
}; 
//add click handler 
$('#loadmore').click(function() {load();}); 
//load first page 
$('#loadmore').trigger('click'); 
//or 
load(); 
}); 

Answer 2

在成功函數的末尾添加

success: function (data, status) { 
    $.each(data.posts, function (i, item) { 
     var news = '<li>' + item.title + '</li>'; 
     output.append(news); 
    }); 

    if (data !== undefined && data !== undefined) { 
     $('#stats').append('Page ' + page + ' of ' + data.pages + ' | Total posts ' + data.count_total + ''); 
    //just test if the current page is the last one 
    if(page == data.pages) { 
     $('link selector').hide(); 
     or remove 
     $('link selector').remove(); 

    } 
    } 

},