您好,欢迎访问一九零五行业门户网

php jquery 实现新闻标签分类与无刷新分页_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.custom.min.js
jquery-ui-1.7.2.custom.csspage.css
html页面代码如下:
代码如下:
php + jquery ui + jquery pager
2009年
2008年
2007年
页面对ajax4.php,ajax5.php,ajax6.php三个页面进行了getjson请求,
这3个页面代码都差不多,无非是年份的分类而已,我这里没做代码优化了,
实际完全可以放在同一个页面里处理完,请求地址里附带个参数就行了。
ajax.php代码如下:
代码如下:
$v)
{
//假设 url字段为链接地址,title为新闻标题,pubdate为发表时间
$html_string.= .$v['title']. .$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;
}
?>
jquery_all.rar
其它类似信息

推荐信息