JS+SSH怎么实现用前台JS分页

Question

本人会用hibernate实现页面分页 但是决定比较麻烦而且不实用 不灵活 但是JS不会 这里请高手赐教 简单就好啊  

Answer 1

/*
 * 页码输入框统一处理
 * @param gotoPageId 页码输入框Id
 * @param totalPage 总页码 * @param showListFunc 回调函数，显示列表 
 */
function jumpPage(gotoPageId, totalPage, showListFunc) {
var gotoPage = $("#" + gotoPageId).val();

//如果当前输入了非法字符，直接返回
if(gotoPage != '' && gotoPage != null && !isDigits(gotoPage)) {
alert("输入页码不正确！");
$("#" + gotoPageId).attr('value','');
return false;
}
var code = event.keyCode;
if(code == 13) {
//当前按下的键为回车键 
//页码必须大于0，但不能大于总页数 
if(gotoPage - totalPage > 0 || gotoPage == 0) {
alert("输入页码不正确！");
$("#" + gotoPageId).attr('value','');
} else {
//调用回调函数显示列表
var arg = [];
    arg.push(gotoPage);
showListFunc.apply(this, arg);
}
//返回false执行页面跳转
return false;
} else if(code >= 48 && code <= 57){
//48-57
//输入为数字，返回true 
return true;
} else {
//其他输入均不合法，屏蔽掉 
$("#" + gotoPageId).attr('value','');
return false;
}
}
页面：
<tr>
<td colspan="6" class="page" style="text-align:right">
<div class="r" style="margin-right:10px;">
&nbsp;共<span><c:out value="${page.totalCount}"/></span>条记录，每页<span>10</span>条，当前第<span><c:out value="${page.pageNo}"/>/<c:out value="${totalPage}"/></span>页

<c:choose>
<c:when test="${page.pageNo > 1}">
<a href="javascript:queryUser(1);">首页</a>&nbsp;|&nbsp;<a href="javascript:queryUser(${page.pageNo - 1});">上一页</a>
</c:when>
<c:otherwise>
首页&nbsp;|&nbsp;上一页 
</c:otherwise>
</c:choose>
|
<c:choose>
<c:when test="${page.pageNo < totalPage}">
<a href="javascript:queryUser(${page.pageNo + 1});">下一页</a>&nbsp;|&nbsp;<a href="javascript:queryUser(${totalPage});">末页</a>
</c:when>
<c:otherwise>
下一页&nbsp;|&nbsp;末页
</c:otherwise>
</c:choose>
&nbsp;&nbsp;转到第 <input id="gotoPage" name="gotoPage" type="text" class="form_input" style="width:50px;" onkeypress="return jumpPage('gotoPage', '${totalPage}', queryUser);" value="${page.pageNo}"   onkeyup="this.value=this.value.replace(/\D/g,'')" /> 页&nbsp;
</div>
</td>
</tr>

Answer 2

错了 在这更正下 是先重数据库中查询出有所纪录  放在 前台的表格中 在来用JS对表格进行分页显示 比如我表格有100行 现在 我想这样他每页显示10行 这样用JS怎么实现 谢谢各位了 

Answer 3

你这个做法不是很推荐。JSP把1000行数据转为JSON对象，类似于：var data = [
  {name:"123", age:23}.
  {...}
]剩下的就是用脚本从data对象中取数来填了，这个就比较简单了。

Answer 4

json没用过  能给段代码看看吗

Answer 5

这就是JSON，直接写可用的。
var data = [
  {name:"123", age:23}.
  {name:"123", age:23}
]alert(data[0].name);