无刷新页面分页
Posted 雍家培
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了无刷新页面分页相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.11.2.min.js"></script>
</head>
<body>
<table id="tb" width="100%" border="1" cellpadding="0" cellspacing="0">
</table>
<div>
<span id="shang">上一页</span>
<span id="xia">下一页</span>
<span>当前第：<input type="text" id="dq" value="1" />页</span>
<span>总共：<span id="zys"></span>页</span>
</div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
FenYe();
ZYS(2);
$("#shang").click(function(){
var dq = parseInt($("#dq").val());
if(dq>1){
$("#dq").val(dq-1);
}else{
$("#dq").val(1);
}
FenYe();
})
$("#xia").click(function(){
var dq = parseInt($("#dq").val());
if(dq<$("#zys").text()){
$("#dq").val(dq+1);
}else{
$("#dq").val($("#zys").text());
}
FenYe();
})
});
//实现分页的方法
function FenYe()
{
var dq = $("#dq").val();
$.ajax({
url:"chuli.php",
data:{page:dq},
dataType:"JSON",
type:"GET",
success: function(data){
var str = "<tr><td>代号</td><td>名称</td></tr>";
for(var k in data){
str=str+"<tr><td>"+data[k].Code+"</td><td>"+data[k].Name+"</td></tr>";
}
$("#tb").html(str);
}
});
}
//根据每页几条数据求总页数
function ZYS(n)
{
$.ajax({
url:"zyschuli.php",
data:{list:n},
type:"POST",
dataType:"TEXT",
success: function(data){
$("#zys").text(data);
}
});
}
</script>
</html>
总页数：
<?php
include("DBDA.php");
$db = new DBDA();
$sql ="select count(*) from Info";
$sj = $db->StrQuery($sql);
$list = $_POST["list"];
$zys = 0;
if($sj%$list==0){
$zys = $sj/$list;
}else{
$zys = floor($sj/$list) +1;
}
echo $zys;
分页信息：
<?php
include("DBDA.php");
$db = new DBDA();
include("page.class.php");
$sql = "select count(*) from Nation";
$zs = $db->StrQuery($sql);
$page = new Page($zs,2);
$sqlsj = "select * from Info ".$page->limit;
//echo $sqlsj;
echo $db->JsonQuery($sqlsj);
以上是关于无刷新页面分页的主要内容，如果未能解决你的问题，请参考以下文章
Flask 分页的简单用法 / flask_sqlalchemy /无刷新翻转页面(原创）