学习笔记——js留言版分页显示

思路

1. ajax获取数据库的全部留言内容并显示在页面。
2. 对全部留言设置display属性来实现分页显示。

<script type="text/javascript">
function pagelist(pno){
		var son =  $("#pl").children('div');//基于显示留言标签(id=pl)来获取每个子div
		var num =son.length; //  一个有多少条留言，一个子div代表一条留言
		var pageSize = 2;  //一页显示多少条，这里我设置2条
		var currentPage = pno;     //1   获取当前页
		var startRow = (currentPage - 1)* pageSize + 1 ;   // 1 
		var endRow  = currentPage * pageSize ;   // 2
		var totalpagenum;
		if(num%pageSize==0){                 //计算一共多少页
			totalpagenum = num/pageSize;
		}
		else{
			totalpagenum = Math.ceil(num/pageSize);
		}             
		for(var i = 1 ; i<(num+1);i++){
			if(i>=startRow && i<=endRow){
				son[i-1].style.display="block";
			}
            else{
               son[i-1].style.display="none"