0

AJAX 成功メソッドを使用して XML データを解析し、LOAD MORE データ オプションを使用してテーブルに配置します。

以下は私のコードです、

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 に答える