分頁的前後交互配置+全選隱藏功能，該條信息的前後交互（全選與該條信息的綁定）

其中兩個知識點需要注意：

1.分頁的前後交互配置。

2.全選隱藏功能，該條信息的前後交互（全選與該條信息的綁定）。

a）分頁的交互：

$(function{
var pageNum=1;//總頁數
var pageIndex=1;//頁索引,當前頁
var num=10;
getData(1,num);
function getData(pageIndex,num){
$.ajax({
url:"url",
data:{curpage:pageIndex,pageSize:num},
success:function(data){
var data= JSON.parse(data);
pageNum=data.totalpages;//總頁數
// console.log(pageNum);
pageIndex=data.curpage;//當前頁數
$(".page-count").text(pageNum);
$(".current-page").text(pageIndex);
var html="";
var dataList=data.result;
for(var i=0;i" +
" 是否顯示

"+
" ID

<" + "td width="80px;">管理員名字

" +
" 推送框標題

" +
" 文章標題

" +
" 文章內容

" +
" 發送時間

" +
" 推送大圖

" +
" 內容描述

"
html+=
"
"+"

"+" " + dataList[i].id + " " + dataList[i].admin_name
+ " " + dataList[i].ticker
+ " " + dataList[i].title
+ " " + dataList[i].text
+ " " + dataList[i].start_time
+ " "+" " + dataList[i].description
+ "

"+"

"
}
$("#json-list").html("");
$("#json-list").append(htmlTitle);
$("#json-list").append(html);
}
});
} $(".firstPage").click(function{//首頁
pageIndex=1;
getData(pageIndex,num);
});
$(".lastPage").click(function{//末頁
pageIndex=pageNum;
getData(pageIndex,num);
}); $(".prev").click(function{//上一頁 if (pageIndex>1){
pageIndex--;
}else {
alert("當前第一頁");
}
getData(pageIndex,num);
});
$(".next").click(function{//下一頁 if(pageIndex < pageNum){ pageIndex++; }else { alert("當前最後一頁"); } getData(pageIndex,num); });

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！