首页 / JQUERY / phpjquery实现新闻标签分类与无刷新分页_PHP教程

phpjquery实现新闻标签分类与无刷新分页_PHP教程

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了phpjquery实现新闻标签分类与无刷新分页_PHP教程，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2107字，纯文字阅读大概需要4分钟。

内容图文

现在jquery的应用越来越广泛了，在很多网站的新闻板块都实现了 标签分类 + 无刷新分页 的效果。
也自己尝试写了一个，效果图如下（样式可以按用户需求自己去整）：

phpjquery实现新闻标签分类与无刷新分页_PHP教程 - 文章图片

接下来详细介绍实现过程：

我一向是见招拆招的解决思路，这里需要运用到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.custom.min.js
jquery-ui-1.7.2.custom.css

Page.css
html页面代码如下：
代码如下:



php + jquery ui + jquery pager











  • 2009年

  • 2008年

  • 2007年


















页面对ajax4.php,ajax5.php,ajax6.php三个页面进行了getJson请求，
这3个页面代码都差不多，无非是年份的分类而已，我这里没做代码优化了，
实际完全可以放在同一个页面里处理完，请求地址里附带个参数就行了。
ajax.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=""; 
foreach($temp as $k=>$v) 
{ 
//假设 url字段为链接地址，title为新闻标题，pubdate为发表时间 
$html_string.=" "; 
} 

$html_string.="
* ".$v['title']."".$v["pubdate"]."
"; 
//这个是新闻读取的数量，不建议读取太多 
$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 


www.bkjia.comtruehttp://www.bkjia.com/PHPjc/320905.htmlTechArticle现在jquery的应用越来越广泛了，在很多网站的新闻板块都实现了 标签分类 + 无刷新分页 的效果。 也自己尝试写了一个，效果图如下（样式...

内容总结

以上是互联网集市为您收集整理的phpjquery实现新闻标签分类与无刷新分页_PHP教程全部内容，希望文章能够帮你解决phpjquery实现新闻标签分类与无刷新分页_PHP教程所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/167783.html

来源：【匿名】