PHP
发布时间:2019-11-18 发布网站:大佬教程 code.js-code.com
大佬教程收集整理的这篇文章主要介绍了php jquery 实现新闻标签分类与无刷新分页,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
现在jquery的应用越来越广泛了,在很多网站的新闻板块都实现了 标签分类 + 无刷新分页 的效果。
也自己尝试写了一个,效果图如下(样式可以按用户需求自己去整):
接下来详细介绍实现过程:
我一向是见招拆招的解决思路,这里需要运用到3个东西——标签页效果插件和分页插件,jquery的getJson请求。
因此我使用了jquery-ui插件,jquery-page插件,现提供下载地址:
jquery_all.rar里面包含了3个JS脚本文件和2个样式表:
jquery-1.3.2.min.js
jquery.pager.js
jquery-ui-1.7.2.custo
m.min.js
jquery-ui-1.7.2.custo
m.css
Page.css
html页面代码如下:
php + jquery ui + jquery pager 页面对ajax4.php,ajax5.php,ajax6.php三个页面进行了getJson请求,
这3个页面代码都差不多,无非是年份的分类而已,我这里没做代码优化了,
实际完全可以放在同一个页面里处理完,请求地址里附带个参数就行了。
ajax.php代码如下:
php header("content-type:text/html;charset:utf-8"
); $db = @ mysql_connect("服务器主机地址","数据库帐号","数据库密码"
); @H_498_1
@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="
//这个是新闻读取的数量,不建议读取太多
$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;
}
?>
jquery_all.rar
大佬总结
以上是大佬教程为你收集整理的php jquery 实现新闻标签分类与无刷新分页全部内容,希望文章能够帮你解决php jquery 实现新闻标签分类与无刷新分页所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。