通过异步实现分页

最新推荐文章于 2023-12-21 22:31:07 发布

6666，

最新推荐文章于 2023-12-21 22:31:07 发布

阅读量706

点赞数

本文链接：https://blog.csdn.net/low1101/article/details/103499022

版权

本文介绍了分页在用户界面中的重要性，通过一个示例展示了如何建立数据库并设置分页要求，如每页3条数据，支持上一页、下一页及模糊查询功能。在实现过程中，详细说明了请求处理、页面转发的代码逻辑，最终实现了能够正常跳转、提示及模糊查询的功能。

摘要由CSDN通过智能技术生成

为什么要是实现分页？

答：分页,是一种将所有数据分段展示给用户的技术.用户每次看到的不是全部数据,而是其中的一部分,如果在其中没有找到自习自己想要的内容,用户可以通过制定页码或是翻页的方式转换可见内容,直到找到自己想要的内容为止.其实这和我们阅读书籍很类似.(来源于其他网络资源)

首先建立如下一个数据库：

分页要求如下：

每页显示3条数据
有上一页和下一页按钮
可以通过name 和 mobile进行模糊查询
模糊查询后咩页也只显示3条数据

实现想象页面如下：

那么我们的思路是什么？

首页：发送请求页代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
	</head>
	<script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		var pageNo=1;
		var pageTotal=0;
		function page(){
			var path ="./DataServlet?pageNo="+pageNo;
			var name= $("[name='name']").val();
			va