php + jquery ui插件 + jquery pager插件 实现新闻的 标签分类 + 无刷新分页
2009-12-17 14:06
1121 查看
现在jquery的应用越来越广泛了,在很多网站的新闻板块都实现了 标签分类 + 无刷新分页 的效果。
我也自己尝试写了一个,效果图如下(样式可以按用户需求自己去整):
代码
<?php
header("content-type:text/html;charset:utf-8");
$db = @ mysql_connect("服务器主机地址","数据库帐号","数据库密码");
mysql_select_db("数据库名");
$rs=mysql_query("set names utf8");
//如果传递了pager参数
if(isset($_GET['pager']) && isset($_GET['count']))
{
echo GetPager($_GET['count'],$_GET['pager']);
}
else
{
echo "没有传入参数!";
}
function GetPager($count,$pager)
{
$begin = 开始时间;
$end = 结束时间;
$rs=mysql_query("SELECT * FROM 数据表 WHERE (pubdate BETWEEN $begin AND $end) ORDER BY pubdate DESC limit ".($pager-1)*$count.",".$count);
while ($r=mysql_fetch_assoc($rs))
{
$temp[]=$r;
}
$html_string="<table cellpadding='0' border='0' align='center' width='400' style=' padding: 8px 4px 1px 10px; ' cellpacing='0'>";
foreach($temp as $k=>$v)
{
//假设 url字段为链接地址,title为新闻标题,pubdate为发表时间
$html_string.=" <tr height='22'><td valign='middle' width='*' class='tt2'><img align='middle' alt='*' src='/images/bullet.gif'/> <a target='_blank' href='".$v['url']."'>".$v['title']."</a></td><td align='right' width='100'>".$v["pubdate"]."</td></tr>";
}
$html_string.="</table>";
//这个是新闻读取的数量,不建议读取太多
$num=40;
//新闻的总页数取整
$num_string=ceil($num/$count);
//这里用键值对的方式 返回JSON格式的数据,0为新闻总页数,1为拼接的HTML新闻页面
$arr=array("0"=>$num_string, "1"=>$html_string);
$jarr=json_encode($arr);
echo $jarr;
}
?>
我也自己尝试写了一个,效果图如下(样式可以按用户需求自己去整):
代码
<?php
header("content-type:text/html;charset:utf-8");
$db = @ mysql_connect("服务器主机地址","数据库帐号","数据库密码");
mysql_select_db("数据库名");
$rs=mysql_query("set names utf8");
//如果传递了pager参数
if(isset($_GET['pager']) && isset($_GET['count']))
{
echo GetPager($_GET['count'],$_GET['pager']);
}
else
{
echo "没有传入参数!";
}
function GetPager($count,$pager)
{
$begin = 开始时间;
$end = 结束时间;
$rs=mysql_query("SELECT * FROM 数据表 WHERE (pubdate BETWEEN $begin AND $end) ORDER BY pubdate DESC limit ".($pager-1)*$count.",".$count);
while ($r=mysql_fetch_assoc($rs))
{
$temp[]=$r;
}
$html_string="<table cellpadding='0' border='0' align='center' width='400' style=' padding: 8px 4px 1px 10px; ' cellpacing='0'>";
foreach($temp as $k=>$v)
{
//假设 url字段为链接地址,title为新闻标题,pubdate为发表时间
$html_string.=" <tr height='22'><td valign='middle' width='*' class='tt2'><img align='middle' alt='*' src='/images/bullet.gif'/> <a target='_blank' href='".$v['url']."'>".$v['title']."</a></td><td align='right' width='100'>".$v["pubdate"]."</td></tr>";
}
$html_string.="</table>";
//这个是新闻读取的数量,不建议读取太多
$num=40;
//新闻的总页数取整
$num_string=ceil($num/$count);
//这里用键值对的方式 返回JSON格式的数据,0为新闻总页数,1为拼接的HTML新闻页面
$arr=array("0"=>$num_string, "1"=>$html_string);
$jarr=json_encode($arr);
echo $jarr;
}
?>
相关文章推荐
- php jquery 实现新闻标签分类与无刷新分页
- php jquery 实现新闻标签分类与无刷新分页
- PHP+jquery +ajax实现无刷新分类参考
- jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
- jQuery 插件-使用jQuery Pagination实现无刷新分页
- 使用jQuery插件filtrify实现的超酷动态标签分类摩托车新款展示
- PHP+jQuery实现Ajax分页效果:jPaginate插件的应用
- 利用Jquery中的pagination插件实现无刷新的分页
- 使用Jquery分页插件jquery.pagination.js 实现无刷新分页效果
- jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
- ajax+jQuery+PHP实现无刷新分类参考2
- jQuery插件pagination实现无刷新分页
- jquery的pagination插件实现无刷新的分页
- 采用Jquery无刷新分页插件jquery.pagination.js 实现无刷新分页效果
- php jQuery . Ajax 实现局部刷新分页
- Asp.Net分页方法:JQuery插件实现Ajax无刷新分页、AspNetPager分页控件实现分页
- PHP+jQuery实现Ajax分页效果:jPaginate插件的应用
- (转)jquery的pagination插件实现无刷新的分页
- Jquery+Json实现无刷新分页插件
- Asp.Net分页方法:JQuery插件实现Ajax无刷新分页、AspNetPager分页控件实现分页