• 技术文章 >php教程 >php手册

    php jquery 实现新闻标签分类与无刷新分页

    2016-06-13 12:20:35原创915
    现在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.css

    Page.css
    html页面代码如下:

    复制代码 代码如下:





    php + jquery ui + jquery pager













    页面对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
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:php 将excel导入mysql 下一篇:php与XML、XSLT、Mysql的结合运用实现代码
    PHP编程就业班

    相关文章推荐

    • 动态网页技术PHP程序字符串处理函数• 探秘PHP 5的对象重载技术(1)• PHP学习之输出字符串(echo,print,printf,print_r和var_dump)• 实例(Smarty+FCKeditor新闻系统)• 无数据库的详细域名查询程序PHP版(1)

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网