时时商务社区

标题: php ajax 静态分页过程形式 [打印本页]

作者: wx_pylelnL4 时间: 2018-2-14 08:32

[U]复制代码[/U] 代码如下:
js 端及判断

$(function(){
//var url=$(this)[0].location.href;
//alert(url);
goPageFirst();
$('#selpage').bind('change',goPage);
});
//返回当前页数
function getNowPage()
{
return parseInt($('#nowPage').html());
}
//返回每页显示的条数
function getPer()
{
return $('#perPage').val();
}
//返回总记录数
function getTotal()
{
return parseInt($('#total').html());
}
//返回总页数
function getAllPage()
{
return parseInt($('#allpage').html());
}
//组合字符串参数
function getData(act)
{
var target=1;
var now=getNowPage()+1;
var per=getPer();
var sum=getTotal();
var allpage=getAllPage();
switch(act)
{
case 'first':
target=1;
break;
case 'prev':
target=now>1?now-1:1;
break;
case 'next':
target=now+1>allpage?now:1;
break;
case 'last':
target=allpage>0?allpage:1;
break;
case 'constans':
target=$('#selpage').val()>0?$('#selpage').val():1;
default :
target=1;
}
var data="check="+act+"&nowpage="+now+"&perpage="+per+'&target='+target;
alert(data);
return data;
}
//执行第一页
function goPageFirst()
{
var param=getData('first');
http_post(param);
}
//执行上一页
function goPagePrev()
{
var param=getData('prev');
http_post(param);
}
//执行下一页
function goPageNext()
{
var param=getData('next');
http_post(param);
}
//执行最后页
function goPageLast()
{
var param=getData('last');
http_post(param);
}
//选中到指定页面
function goPage()
{
var param=getData('constans');
http_post(param);
}
//post 请求数据加载
function http_post(db)
{
$.post('./mysql.php',db,function(data){
responseAjax(data);
},'text');
}
//返回数据的调处理
function responseAjax(msg)
{
//alert(msg);
//alert(msg.content);
//$('#listDiv').html(msg.content);
$('#listDiv').html(msg);
}
server端判断及实现
//@autor 499188204@qq.com
mb_internal_encoding('gb2312');
$con=mysql_connect("127.0.0.1","root","12345678") or die("连接失败");
$m=mysql_select_db("ec",$con);
$sql = 'SELECT `attr_id`,`cat_id`,`attr_name`
FROM `ecs_attribute` ';
$rs = mysql_query($sql );
$count = mysql_num_rows($rs); //返回记录总数
//echo $count; //总记录数
//每页的记录数 10
//求总页数 ceil($count/10)
//echo '';
if(!isset($_POST['check']))
{
$set['id']=0;
die('no access please!');
}
if(isset($_POST['perpage']) && $_POST['perpage']>0 )
{
$per=$_POST['perpage'];
}
else
{
$per=15;
}
$page = ceil($count/$per);
//echo $page;
if(!isset($_POST['nowpage']))
{
$nowPage=1;
}
else
{
$nowPage = $_POST['nowpage'];
}
$start = ($nowPage-1)*$per+1;
$sql = 'select `attr_id`,`cat_id`,`attr_name` from `ecs_attribute` limit '.$start.','. $per;
//$sql = 'select `attr_id`,`cat_id`,`attr_name` from `ecs_attribute` limit 10 offset 20';
$rs = mysql_query($sql );
$str = "";
while($row = mysql_fetch_assoc($rs)){
$str .='

属性编号	类型编号	属性名字
'.$row['attr_id'].'	'.$row['cat_id'].'	'.$row['attr_name'].'[/td][tr]'; } $str.="

总计".$count."个记录分为".$page."页当前第".$nowPage."页,每页 |
第一页
 上一页
 下一页
 最末页
";
for($i=1;$i ".$i."";
}
else
{
$str .= "".$i."";
}
}
$str .="

";
echo mb_convert_encoding($str,'UTF-8','gb2312');
//$set['content']=$str;
//echo json_encode($set);
?>

您可能感兴趣的文章:

使用PHP+JQuery+Ajax分页的实现

php页码形式分页函数支持静态化地址及ajax分页

php+ajax实现无刷新分页的方法

jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解

PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用

详解PHP+AJAX无刷新分页实现方法

PHP+JQuery+Ajax实现分页方法详解

欢迎光临时时商务社区 (http://bbs.4435.cn/)