php新闻浏览分类,php+jQuery实现新闻标签分类和无刷新分页

现在jquery的应用越来越广泛了，在很多网站的新闻板块都实现了 标签分类 + 无刷新分页 的效果。

我也自己尝试写了一个，效果图如下(样式可以按用户需求自己去整)：

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

我一向是见招拆招的解决思路，这里需要运用到3个东西——标签页效果插件和分页插件，jquery的getJson请求。

因此我使用了jquery-ui插件，jquery-page插件,请在下面点击文件名下载。

里面包含了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页面代码如下：

Copy to Clipboard引用的内容：[www.bkjia.com]

php + jquery ui + jquery pager - Liehuo.Net

页面对ajax4.php,ajax5.php,ajax6.php三个页面进行了getJson请求，

这3个页面代码都差不多，无非是年份的分类而已，我这里没做代码优化了，

实际完全可以放在同一个页面里处理完，请求地址里附带个参数就行了。

Ajax.php代码如下：

Copy to Clipboard引用的内容：[www.bkjia.com]

";

foreach($temp as $k=>$v)

{

//假设 url字段为链接地址，title为新闻标题，pubdate为发表时间

$html_string.="

".$v["pubdate"]."";

}

$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;

}

?>

转自：http://www.cnblogs.com/tianxin2001x/