JS用“加载更多”按钮控制页面数据的显示

请问一下各位大神，我现在做一个查询数据显示的模块，一次性是查出了100条数据，但是在JSP页面显示的时候，我想只显示20条，点击一次“加载更多”按钮以后，再显示20条，应该怎么做啊？注意我说的是 100条数据是已经查出来了，但是显示的时候加限制，不是点击一次“加载更多”才进数据库查询一次。

比较笨的方法，你可以在页面上显示20条，其他80条隐藏，然后点击加载更多的时候，显示出来就可以了；然后你还可以用一下插件之类的

$(" td: gt(19)").hide();

$("loadmore").click(function(){
$("td:lt(40)").show();
})

封装一个函数，start和num为数据的开始位置和结束位置，data是100条数据，思路是这样的
function insertCont(start,num,data){
var html = '';
for(var k = start;k var list = data.newsList[k];
html+='';
html+='

';

html+='

';
//video mask
if(list.newsType == 2){
html+= '

';
}
if(list.newsType == 2||list.newsType == 1){
html+='

' + list.newsTitle + '

';
}else{
html+='

' + list.newsTitle + '

';
}
if(list.newsType !=0){
html+='

' + list.newsText +'

';
}

        html+='<div class="contSource">' + list.newsSource +'</div><div class="contDate"></div></div></div></a>';
    }
    return html;
}

可以用jqury.pagination.js这个插件
http://www.zhangxinxu.com/jq/pagination_zh/
http://www.cnblogs.com/knowledgesea/archive/2012/05/19/2508924.html