文摘汇
首页 > 美文 > IT好文章
    帝国cms7.2 无刷新 Ajax 加载更多列表信息源代码,手机加载更多
    编辑:  信息来源:  发布时间:2015-08-14  阅读:次  WAP页
  • get_news_index.php4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    <?php
    require('../class/connect.php');
    require('../class/db_sql.php');
    require('../data/dbcache/class.php');
    if($_POST[action] == 'getmorenews'){
    $table=htmlspecialchars($_POST[table]);
    if(empty($_POST[orderby])){$orderby='newstime';}else$orderby=htmlspecialchars($_POST[orderby]);}
    if(empty($_POST[myorder])){$myorder='desc';}else$myorder='asc';}
    if(empty($_POST[limit])){$limit=15;}else$limit=(int)$_POST[limit];}
    if(empty($_POST[classid])){$where=null;}else$where='where classid in('.$_POST[classid].')';}
    if(empty($_POST[length])){$length=50;}else$length=(int)$_POST[length];}
    if(empty($_POST[small_length])){$small_length=500;}else$small_length=(int)$_POST[small_length];}
     
    $link=db_connect();
    $empire=new mysqlquery();
    $num =(int)$_POST['next'] *$limit;
     
      if($table){
            $sql=$empire->query("SELECT * FROM `".$dbtbpre."ecms_".$table."` $where order by $orderby $myorder limit $num,$limit");
     
        while($r=$empire->fetch($sql)){
     
            if($r[titlepic]==''){ 
                $r[titlepic]=$public_r[news.url]."e/data/images/notimg.gif";
            }
        $oldtitle=stripSlashes($r[title]);
        $title=sub($oldtitle,'',$length);
        $smalltext=stripSlashes($r[smalltext]);
        $smalltext=sub($smalltext,'',$small_length);
        $classname=$class_r[$r[classid]][classname];
        $newsurl=$public_r[newsurl];
        $classurl=$newsurl.$class_r[$r[classid]][classpath];
     
    ?>
                <div class="latest_news_list fixed">
                    <div class="news_cover">
                        <a href="<?=$r[titleurl]?>" target=_blank><img src="<?=$r[titlepic]?>" width=160 height=100 /></a>
                    </div>
                    <div class="news_text">
                        <h3><a href="<?=$r[titleurl]?>" target=_blank><?=$r[title]?></a></h3>
                        <p><?=$smalltext?></p>
                        <p><span class="timmer fr"><?=date("Y-m-d",$r[newstime])?></span><a href="<?=$classurl?>"><?=$classname?></a></p>
                    </div>
                </div>
    <?php
        }
       }
    }
    db_close();
    $empire=null;
    ?>


    4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    前端JS脚本实现代码:4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
     $(function(){    
     
         var i = 1; //设置当前页数
          
        $('#loadmore').click(function(){
     
            $.ajax({
            url : '/e/action/get_news_index.php',
                    type:'POST',
                    data:{"next":i,'table':'news','action':'getmorenews','limit':15,'small_length':120},
                dataType : 'html',
            beforeSend:function(){
                    $("#loadmore").show().html('<img  src="/e/extend/Ajaxpl/template/loading1.gif" width=80/>正在努力加载中...');
               $('#loadmore').attr('disabled','disabled');
            },
                success : function(data){
               if(data){
                   $("#showajaxnews").append(data); 
                              $("#loadmore").removeAttr('disabled');
                  $("#loadmore").html('点击加载更多');
                     i++;
                }else{
                    $("#loadmore").show().html("已全部加载完毕!");
                            $('#loadmore').attr('disabled','disabled');
                    return false;
                }      
               }
            });
        });
    });

    ajax请求服务端参数说明4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站


    4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    next:第几页4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    table:调用数据表4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    limit:每次调用数量4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    small_length:简介截取字符数4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    length:标题截取字符数4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    classid:调用栏目,允许多个,如1,2,3,4  特别注意,必须是调用同一数据表的栏目4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    orderby:排序,默认是newstime,传什么就按什么来排序,如 id
    4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    myorder:正反序,默认是asc,传值怎为desc4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站


    4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    除此之外你还需要有一个按钮来载入更多
    4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    1
    <button  id="loadmore">点击加载更多内容</button>


    4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    还需要一个渲染数据的元素(id="showajaxnews")点击加载更多按钮后获取到的数据会追加到showajaxnews元素里面,在点击载入按钮之前我们需要预放一下数据在里面,这样的话打开页面就有部分数据,点击载入按钮后追加到末尾!4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    1
    div  id="showajaxnews" ></div>


    4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    参考模板代码:4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    blob.png4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    原网址 http://www.520am.com/resource/code/php/34/4DY文摘汇—专注快乐段子推荐,手机天天看最快最好的减压网站

    本文链接:http://www.wenzhaihui.com/wenzhaihui/ITwenzhang/2015-08-14/7749.html
    文章标签:
    顶 踩
发表评论 共有条评论
匿名发表 | 还没有注册?验证码: 看不清楚,点击刷新

网友热评
查看更多
本栏目最新发布信息
本栏目信息点击排行
文摘汇全站最新发布信息