JavaWEB（AJAX实现分页）

最新推荐文章于 2022-12-16 21:07:44 发布

T276songjunhao

最新推荐文章于 2022-12-16 21:07:44 发布

阅读量1.3k

点赞数

文章标签： ajax linq mvc

本文链接：https://blog.csdn.net/jh9758/article/details/124484701

版权

该博客介绍了如何在JavaWEB应用中使用AJAX实现分页功能，以实现页面数据的动态更新，减少页面刷新。主要步骤包括：设置Servlet响应格式为JSON，使用ObjectMapper将分页数据转化为JSON字符串，通过response的writer写出内容。前端使用jQuery库通过AJAX技术接收并处理数据，将JSON数据格式化为HTML并插入到指定元素。

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

4.2 使用AJAX实现分页
4.2.1 需求
需要将分页数据通过ajax的方式进行分页,实现只变更部分数据的功能.

4.2.2 实现原理
1.设置Servlet的response的格式为application/json,
2.借助于jackson库的ObjectMapper类将分页数据转换为json字符串的形式.
3.使用response的writer写出内容.
4.在前端jsp页面接收数据,并将数据格式化为html文本,写入到指定html元素中.

4.2.3 步骤
4.2.3.1 改写servlet
原先是通过设置request的域属性,将页面数据传到jsp,使用jtsl引用.
现在是将数据转换为json字符串.传给jsp页面,然后由ajax处理.

<body>
	<h1 style="text-align: center">购物商城</h1>
	<hr>
	<div style="text-align: center">
		名称：<input id="strName" type="text" name="strName">
		<button id="searchBtn" class="btn btn-default">搜索</button>
	</div>
	<br>
	<div id="content"></div>
	<div>
		<span id="start"></span>/<span id="end"></span> <a href="">首页</a> <a
			href="">上一页</a> <a href="javascript:nextBtn();">下一页</a> <a href="">尾页</a>
	</div>
</body>



@Override
	public List<Goods> queryGoodsAll(int pageIndex, int pageSize, String strName) {
		int start = (pageIndex - 1) * pageSize + 1;
		int end = pageIndex * pageSize;
		Connection conn = null;
		PreparedStatement ps = null;
		ResultSet rs = null;
		String sql =

最低0.47元/天解锁文章

T276songjunhao

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaWEB（AJAX实现分页）

4.2 使用AJAX实现分页4.2.1 需求需要将分页数据通过ajax的方式进行分页,实现只变更部分数据的功能.4.2.2 实现原理1.设置Servlet的response的格式为application/json,2.借助于jackson库的ObjectMapper类将分页数据转换为json字符串的形式.3.使用response的writer写出内容.4.在前端jsp页面接收数据,并将数据格式化为html文本,写入到指定html元素中.4.2.3 步骤4.2.3.1 改写servlet
复制链接

扫一扫