jquery無刷新分頁

<link type="text/css" rel="stylesheet" href="<?php echo $this->config ['static']?>styles/.pagination.css" />
<script type="text/javascript" src="<?php echo $this->config['static']?>js/lib/jquery.pagination.js"></script>

var num_entries = 0; //一共多少條記錄

function getwaitguess() {
//異步獲取總頁數
     $.ajax({ //這裏使用到Jquery的ajax方法
     type: "POST", 
     dataType: "json", 
     url: 'song/getwaitguesscount', //請求的處理數據 
     data: "", 
     success: function(data) {
    num_entries = data.data;
    if(num_entries == 0) {
$("#waitguessno").html('<div class="jump_not"></div>'+
'<div class="jump_nop"></div>');
} else {
waitguesspage();//創建分頁
}
     }
});
 }
 
// 創建分頁
 function waitguesspage() {
     $("#No2").pagination(num_entries, {
         num_edge_entries: 0, //邊緣頁數
         num_display_entries: 10, //主體頁數
         callback: waitguesscallback, //回調函數
         items_per_page: 12, //每頁顯示多少項
         prev_text: "前一頁",
         next_text: "後一頁"
     });
 }


 //顯示數據
 function waitguesscallback(page_index, jq) {
     $.ajax({ //這裏使用到Jquery的ajax方法
       type: "POST", 
       dataType: "json", 
       url: 'song/getwaitguess', //請求的處理數據 
       data: {"pageIndex": page_index}, 
       success: function(data) {
tag = traverse(data, "waitguess_");
$("#waitguessno").html(tag);
       }
  });
 }
    
    function traverse(data, mark) {
    var tag = '';
    if(data != null) {
       for(i=0; i<data.data.length; i++) {
   var url = data.data[i].url;
 var time = data.data[i].singTime;
 var effect = data.data[i].effect;
     var singId = data.data[i].singId;
     var singId = '';
     if(data.data[i].singId!=undefined && data.data[i].singId!=null) {
     singId = data.data[i].singId;
     } else {
     singId = data.data[i].guessId;
     }
     var boxId = data.data[i].boxId;
 var boxFace = data.data[i].boxFace;
 var lastTime = data.data[i].lastTime;
 var forwardCount = data.data[i].forwardCount;
 var commentCount = data.data[i].commentCount;
 var likeCount = data.data[i].likeCount;
 var like = data.data[i].like;
 if(like == 0) {
 like = '<span class="icon_like clearfix left"><a id="fill_'+singId+'"  class="liked" href="javascript:sure(this, \'確認\', likesing, \''+singId+'|unlike\');"></a></span>';
 } else {
 like = '<span class="icon_like clearfix left"><a id="fill_'+singId+'" href="javascript:likesing('+singId+', \'like\');"></a></span>'
 }
 if(i%2==0) {
 num = 'left';
 } else {
 num = 'right';
 }
 var flag = true;
 if(mark=="myguess_") {
 flag = false;
 }
 tag += '<div class="jump_l '+num+'">' +
'<div class="jump_lt"></div>' +
'<div class="jump_lm">' +
'<div class="sound">' +
'<span id="'+mark+singId+'"></span>'+
'<script type="text/javascript">mysing("'+url+'", '+time+', '+effect+', '+singId+', "'+boxFace+'", "'+mark+'", '+boxId+')<\/script>' +
'</div>' +
'<div class="tips">'+
'<div class="tips_l left"><span class="tip_day clearfix left">'+lastTime+'</span></div>'+
'<div class="tips_r right">'+
'<div class="tip_repeat left">'+
'<span class="icon_repeat clearfix left"><a href="javascript:forwordsing('+singId+', '+flag+');"></a></span>'+
'<em class="forward_'+singId+'">'+forwardCount+'</em>'+
'</div>'+
'<div class="tip_speech left">'+
'<span class="icon_speech clearfix left"><a href="http://'+$CONFIG["domain"]+'/'+singId+'/'+boxId+'"></a></span>'+
'<em>'+commentCount+'</em>'+
'</div>'+
'<div class="tip_like left">'+like+''+
'<em class="like_'+singId+'">'+likeCount+'</em>'+
'</div>'+
'</div>'+
'</div>'+
'</div>'+
'<div class="jump_lb"></div>'+
'</div>';
       }
        }
    return tag;
    }


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章