您的位置：首页 > Web前端 > JavaScript

分页后，模糊查询数据，分页显示结果数据

2016-12-01 20:36 441 查看

<%--
Created by IntelliJ IDEA.
User: ttc
Date: 16-11-30
Time: 上午10:37
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<title>Title</title>
<script>
function goPage() {
var pageinput = document.getElementById("page");
var pageno = pageinput.value;

var reg = /^[1-9][0-9]?$/;
if(!reg.test(pageno)){
alert("只能输入1-2位的数字");
return;
}
/*如果输入的页码大于等于总页数*/
var totalPage = "${page_users.m_nTotalPageNum}";
if(parseInt(pageno)>parseInt(totalPage)){
alert("已经超过总页数");
return;
}
window.location.href = "show_all_users_bypage.action?pageindex="+pageno;
}

function gotoPage(pageindex) {
var queryForm = document.getElementById("queryForm");
var hidder_input = document.getElementById("pageindex");
hidder_input.value = pageindex;
queryForm.submit();//提交表单

}

</script>
</head>
<body>
<form id = "queryForm" action="show_all_users_bypage.action" method="post">
<%--当前页 --%>
<input type="hidden" name = "pageindex" id = "pageindex">

用户名：<input type="text" name = "username" value="${param["username"]}">
<input type="submit" value="查询">
</form>

<table border='1'>
<thead>
<th>用户名</th>
<th>年龄</th>
<th>生日</th>
<th>是否管理员</th>
<th>操作</th>
</thead>
<tbody>
<c:forEach items="${page_users.m_data}" var="user">
<tr>
<td>${user.strName}</td>
<td>${user.nAge}</td>
<td>${user.dBirthday}</td>
<td>
<c:if test="${user.nIsAdmin == 0}">否</c:if>
<c:if test="${user.nIsAdmin == 1}">是</c:if>
</td>
<td><a href="update.action?id=${user.nID}">修改</a>|<a href="delete.action?id=${user.nID}">删除</a></td>
</tr>
</c:forEach>

</tbody>
</table>
<p>
<a href = "javascript:void(0)" onclick="gotoPage(${page_users.m_nFirstPage})">首页</a>
<a href = "javascript:void(0)" onclick="gotoPage(${page_users.m_nPrePage})">上一页</a>
<a href = "javascript:void(0)" onclick="gotoPage(${page_users.m_nNextPage})">下一页</a>
<a href = "javascript:void(0)" onclick="gotoPage(${page_users.m_nTotalPageNum})">末页</a>

当前第${page_users.m_nCurrPage}页/共${page_users.m_nTotalPageNum}页
一共有${page_users.m_nTotalRecordNums}条记录 每页${page_users.m_nPageSize}条
跳转到第<input type="text" id = "page" size="2" onblur="goPage()">页
</p>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： js 分页

相关文章推荐

新的分享

章节导航

分页后，模糊查询 数据，分页显示结果数据

分页后，模糊查询数据，分页显示结果数据