java分页查询数据刷新问题_Ajax写分页查询(实现不刷新页面)

本文详细介绍了如何使用Ajax实现Java分页查询数据,避免页面刷新,提高用户体验。首先创建数据表,然后利用jQuery和Ajax进行分页查询。接着设置当前页数,并在后台处理分页信息,通过limit显示数据。通过Ajax获取总页数,并展示分页信息。同时,实现了页数和上下一页的点击事件,以及按条件查询功能,确保页面在查询时不会刷新。
摘要由CSDN通过智能技术生成

要求:

dc8825e64fe5a06f05296b5bb332280d.png

获取数据库中大量的信息显示在页面上,必然要使用到分页查询;

若不使用Ajax,而是用其他的方法,肯定是要刷新页面的,用户体检很不好,

所以最好使用Ajax的方法写分页查询;

1.先来找一张数据很多的表吧!

33c966d7234d5a458eb3b4ff0a52f1f0.png

一张简单的表

代码,引入jquery包:

写一张表格,显示我们的代号跟名称:

代号名称操作

这些都很简单,没毛病!

2.设一个当前页,定义一个变量为1(第一页):

var page = 1;

//当前页,默认等于1

3.下面来写第一个方法:需要用ajax,这个方法主要起查询,且分页的作用:

function load()

{

$.ajax({

url: "jiazai.php",

// 显示所有的数据不用写data

data:{page:page},

//当前页记得传过去

type:"POST",

dataType: "TEXT",

success: function (data) {

}

});

}

4.去写显示数据的处理页面;这里要考虑的是跳过多少条数据还有想要显示多少条数据,用到limit:

include ("db.class.php");

$db = new db();

$page=$_POST["page"];

//去当前页page

$num = 3;

//每页显示几条

$tg = ($page-1)*3;//跳过几条

$sql = "select * from min limit {$tg},{$num}";

//limit:两个参数,第一个是跳过多少条,第二个是取多少条

echo $db->Query($sql);

做完了第一步,来看看图:

9a1d03b003d6d95260bee69671332c4f.png

显示数据实现!

好的,每页先是三条数据已经实现了,(页面变成这样我用了美化网页的Bookstrap,前面有讲到)

5.显示分页信息,写一个方法,先用ajax先获取总页数:

function loadfenye()

{

var s = "";

//用于接收

var xiao = 1;

// 最大页

var da = 1;

// 最小页

$.ajax({

async:false,

// 做成同步

url:"zys.php",

dataType:"TEXT",

success:function(data){

da = data;

//最大页数

}

});

}

接下来做查询总页数的php页面:

//查询总页数

include ("db.class.php");

$db = new db();

$sql = "select count(*) from min";

$zts = $db->strquery($sql);

//总条数

echo ceil($zts/3);

//ceil向上取整

好啦,总页数获取到了,回来把分页写完吧:

//加载分页信息方法

function loadfenye()

{

var s = "";

//用于接收

var xiao = 1;

// 最大页

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值