javaweb(ajax实现分页)

最新推荐文章于 2023-06-28 12:28:15 发布

吃亏了的程序猿

最新推荐文章于 2023-06-28 12:28:15 发布

阅读量1.7k

点赞数 2

分类专栏： java 文章标签： java

本文链接：https://blog.csdn.net/qq_64200256/article/details/123799264

版权

java 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

首先我们要用三层架构搭建一个底层然后在jsp上写上下面的代码

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<script type="text/javascript">
	$(function{
		myf('a');
	})
	var pageindex;
	var max;
	function myf(type){
		if(type=='a'){
			pageindex=1;
		}
		else if(type=='b'){
			if(pageindex>1){
				pageindex--;
			}else{
				alert('这已经是第一页了');
			}
		}
		else if(type=='c'){
			if(pageindex<max){
				pageindex++;
			}else{
				alert('这已经是最后一页了');
			}
		}else{
			pageindex=max;
		}
		$.post("page.do",{pid:pageindex},function(data){
			var x=data.split("*");
			var ss=$.parseJSON(x[0]);
			var sb="<table border=\"1px\"><tr align='center'><td>商品序号</td><td>商品名称</td><td>商品图片</td></tr>";
			$.each(ss,function(i,g){
				$.each(ss, function(i, g) {//下标，元素=对象
					sb+="<tr align='center'>";
					sb+="<td>"+g.gid+"</td>";
					sb+="<td>"+g.gname+"</td>";
					sb+="<td><img src='"+g.gpath+"'/></td>";
					sb+="</tr>";
			})
			sb+="</table>";
			sb+="["+pageIndex+"/"+max+"]";
			$("#aa").html(sb);
		})
	}
</script>
</head>
<body>
	<center>
		<img alt="aa" src="images/17.jsp">
		<input>
		<div id="aa"></div>
		<div>
			<a href="javascript:mayf('a')">首页</a>
			<a href="javascript:mayf('b')">上一页</a>
			<a href="javascript:mayf('c')">下一页</a>
			<a href="javascript:mayf('d')">末页</a>
		</div>
	</center>
</body>
</html>

并且我们需要一个实现类也就是servlet

package servlet;

import java.io.IOException;

import java.io.PrintWriter;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import bzi.Bzi;
import bzi.UIbzi;
import entity.Goods;
public class PageServlet extends HttpServlet{
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		doPost(req, resp);
	}
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		req.setCharacterEncoding("utf-8");
		resp.setContentType("text/html; charset=UTF-8");
		
		PrintWriter out=resp.getWriter();
		
		int pageIndex=1;
		int pageSize=5;
		
		//接收pid
		String pid=req.getParameter("pid");
		if(pid!=null) {
			pageIndex=Integer.parseInt(pid);
		}
		
		//调用biz层的分页方法
		UIbzi igb=new Bzi();
		//商品集合
		List<Goods> ls=igb.getAll(pageIndex, pageSize);
		//获取最大页码
		int max=igb.getMax("goods", pageSize);
		//把集合转为String
		String str=ls.toString();
		//把响应输送到客户端
		out.print(str+"*"+max);//特殊字符做拼接
		out.flush();
		out.close();
	}
}

然后不出意外的话就可以了记住数据库必须有数据不然上面试没有东西的

吃亏了的程序猿

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
javaweb(ajax实现分页)

首先我们要用三层架构搭建一个底层然后在jsp上写上下面的代码<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><
复制链接

扫一扫