java ajax翻页_ajax分页怎么做？ajax入门教程

一般来说，在项目开发中，分页是不可缺少的功能，因为数据如果都放在一个页面的话实在太过繁琐，今天，就让小编来带你们了解一下，如何使用ajax进行分页功能的实现吧。

这里就用一个例子来带来大家了解分页功能

这个例子是用ajax技术来实现对数据库的查询以及对查询数据进行分页，一起来看看吧。

首先当然是我们的主页面代码了，这里简单定义了需要的HTML元素

无标题文档

.dangqian{ background-color:#69F}

代号

名称

父级代号

其次就是我们的js页面，这里我们定义了数据查询的方法，并把它们分页，然后使用ajax将数据返回到主页面

var page = 1; //当前页 定义一个变量 当前页

Load(); //加载数据

LoadXinXi(); //加载分页信息

//查询

$("#chaxun").click(function(){

page = 1;

Load(); //加载数据

LoadXinXi(); //加载分页信息

})

function Load()

{

var key = $("#key").val(); //查询条件

$.ajax({

url:"chuli.php",

data:{page:page,key:key},

type:"POST",

dataType:"JSON",

success: function(data){

var str = "";

for(var k in data)

{

str +="

"+data[k].AreaCode+""+data[k].AreaName+""+data[k].ParentAreaCode+"";

}

$("#nr").html(str);//把数据返回表格

}

});

}

functionLoadXinXi()

{

var str = "";

var minys = 1;

var maxys = 1;

var key = $("#key").val();

//查总页数

$.ajax({

async:false,

url:"zys.php",

data:{key:key},

type:"POST",

dataType:"TEXT",

success: function(d){

maxys = d;

}

});

str += "总共："+maxys+"页  ";

str += "上一页";

for(var i=page-2;i

{

if(i>=minys && i<=maxys)

{

if(i==page)

{

str += ""+i+"  ";

}

else

{

str += ""+i+"  ";

}

}

}

str += "下一页";

$("#xinxi").html(str);

//给上一页添加点击事件

$("#prev").click(function(){

page = page-1;

if(page<1)

{

page=1;

}

Load(); //加载数据

LoadXinXi(); //加载分页信息

})

//给下一页加点击事件

$("#next").click(function(){

page = page+1;

if(page>maxys)

{

page=maxys;

}

Load(); //加载数据

LoadXinXi(); //加载分页信息

})

//给中间的列表加事件

$(".list").click(function(){

page = parseInt($(this).attr("bs"));

Load(); //加载数据

LoadXinXi(); //加载分页信息

})

}

SQL语句处理页面一

include("DBDA.class.php");

$db = new DBDA();

$key = $_POST["key"];

$num = 20;

$sql = "select count(*) from chinastates where areaname like '%{$key}%'";

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

echo ceil($zts/$num);

SQL语句处理页面二

include("DBDA.class.php");

$db = new DBDA();

$page = $_POST["page"];

$key = $_POST["key"];

$num = 20;

$tiao = ($page-1)*$num;

$sql = "select * from chinastates where areaname like '%{$key}%' limit

{$tiao},{$num}";

echo $db->JSONQuery($sql);

以上就是ajax如何分页的所有内容了，你明白了吗?更多Java入门知识就请多多支持本站吧。