0

正在使用 AJAX 成功方法解析 XML 数据，并使用 LOAD MORE 数据选项放入表中，当用户单击 LOAD MORE 按钮时，第一次它会添加下一个 N 项，当用户第二次单击相同的项目时，会添加到列表中。

下面是我的代码，

function populateItems(position,page_size) {
    var url = "path_to_XML";
$.ajax({
type: "GET",
url: url,
dataType: "xml",
success: function(xml) {
  var title, url, block_count;
  var xmlDOM = $(xml);
  block_count = $(xml).find('item').length;
  xmlDOM.find("item").slice(position,position+page_size).each(function(){
            var $this=$(this);
            var $user=$this.find("user").text();
            var $fname=$this.find("fname").text();
            var $lname=$this.find("lname").text();
            var $sex=$this.find("sex").text();
            var $time=$this.find("time").text();
            $("#datatable").append("<tbody><tr class='datarow'><td>"+$time+"</td><td>"+$user+"</td><td>"+$fname+"</td><td>"+$lname+"</td><td>"+$url+"</td></tr><tbody>");
  });
                    $('#ajax-loader').hide();
}
});
}

 $(document).ready(function() {
    var position;var page_size;
    populateItems(0,40);
            $('#append2').click(function(position){
                    $('#log_hourly').show();
                    $items = populateItems(40,40);
                    $("#content").append($items);
                    $('#ajax-loader').hide();
            });

当用户单击 LOAD MORE 按钮时如何继续添加下 N 个项目

请帮忙..

4

1 回答 1

0

正如我在这里回答的那样，您需要创建一个变量来计算您正在显示或要加载的页面，只是在您的情况下，您需要每次将其增加 40：

$(document).ready(function() {
    var page = 0;
    var position;var page_size;
    populateItems(page ,40);
    $('#append2').click(function(position){
        $('#log_hourly').show();
        page = page + 40;
        $items = populateItems(page ,40);
        $("#content").append($items);
        $('#ajax-loader').hide();
});
于 2013-01-23T05:55:38.690 回答