svip

制作移动端页面时会用到，把以下代码添加到服务器，按步骤操作即可实现点击加载更多。
1、将以下代码上传至服务器（e/action/）下，命名为getmore.php

1. 
   
2. <?php
   
3. 
   
4.     require('../class/connect.php');
   
5. 
   
6.     require('../class/db_sql.php');
   
7. 
   
8.     require('../data/dbcache/class.php');
   
9. 
   
10.     if($_POST[action] == 'getmorenews'){
    
11. 
    
12.     $table=htmlspecialchars($_POST[table]);
    
13. 
    
14.     if(empty($_POST[orderby])){$orderby='newstime';}else{ $orderby=htmlspecialchars($_POST[orderby]);}
    
15. 
    
16.     if(empty($_POST[myorder])){$myorder='desc';}else{ $myorder='order';}
    
17. 
    
18.     if(empty($_POST[limit])){$limit=10;}else{ $limit=(int)$_POST[limit];}
    
19. 
    
20.     if(empty($_POST[classid])){$where=null;}else{ $where='where classid in ('.$_POST[classid].')';}
    
21. 
    
22.     if(empty($_POST[length])){$length=50;}else{ $length=(int)$_POST[length];}
    
23. 
    
24.     if(empty($_POST[small_length])){$small_length=500;}else{ $small_length=(int)$_POST[small_length];}
    
25. 
    
26.    
    
27. 
    
28.     // next：第几页
    
29. 
    
30.     // table：调用数据表
    
31. 
    
32.     // limit：每次调用数量
    
33. 
    
34.     // small_length：简介截取字符数
    
35. 
    
36.     // length：标题截取字符数
    
37. 
    
38.     // classid：调用栏目，允许多个，如1,2,3,4  特别注意，必须是调用同一数据表的栏目
    
39. 
    
40.     // orderby：排序，默认是newstime，传什么就按什么来排序，如 id
    
41. 
    
42.     // myorder：正反序，默认是asc，传值怎为desc
    
43. 
    
44.     $link=db_connect();
    
45. 
    
46.     $empire=new mysqlquery();
    
47. 
    
48.     $num =(int)$_POST['next'] *$limit;
    
49. 
    
50.      
    
51. 
    
52.       if($table){
    
53. 
    
54.             $sql=$empire->query("SELECT * FROM `".$dbtbpre."ecms_".$table."` $where order by $orderby $myorder limit $num,$limit");
    
55. 
    
56.      
    
57. 
    
58.         while($r=$empire->fetch($sql)){
    
59. 
    
60.      
    
61. 
    
62.             if($r[mtitlepic]==''){
    
63. 
    
64.                 $r[mtitlepic]=$public_r[news.url]."e/data/images/notimg.gif";
    
65. 
    
66.             }
    
67. 
    
68.         $oldtitle=stripSlashes($r[title]);
    
69. 
    
70.         $title=sub($oldtitle,'',$length);
    
71. 
    
72.         $smalltext=stripSlashes($r[smalltext]);
    
73. 
    
74.         $smalltext=sub($smalltext,'',$small_length);
    
75. 
    
76.         $classname=$class_r[$r[classid]][classname];
    
77. 
    
78.         $newsurl=$public_r[newsurl];
    
79. 
    
80.         $classurl=$newsurl.$class_r[$r[classid]][classpath];
    
81. 
    
82.         $urls = sys_ReturnBqTitleLink($r);
    
83. 
    
84.      
    
85. 
    
86.     ?>
    
87. 
    
88.     <!-- 以下代码是显示列表的标签模板 -->
    
89. 
    
90.     <!--<li class='news-list'>
    
91. 
    
92.         // <a href='<?=$urls?>' title='<?=$r[title]?>' class='date-link'>
    
93. 
    
94.             // <img src='<?=$r[mtitlepic]?>' alt='<?=$r[title]?>'  class='date-img-url'/>
    
95. 
    
96.             // <h4 class='date-title'><?=$r[title]?></h4><span class='act-datetime'><?=date("Y-m-d",$r[newstime])?></span>
    
97. 
    
98.         // </a>
    
99. 
    
100.     // </li>-->
     
101. 
     
102. 
     
103.                                                        
     
104. <article class="acpost">
     
105.         <header>
     
106.                 <h2><a target="_blank" href="<?=$r[titleurl]?>" title="<?=$r[title]?>"><?=$r[title]?></a></h2>
     
107.         </header>
     
108.         <p class="acpost-footer"><?=date("Y-m-d",$r[newstime])?> | 作者: <?=$r[writer]?> |  <a href="<?=$newsurl.$class_r[$r[classid]][classpath]?>" target="_blank">分类：<?=$class_r[$r[classid]][classname]?></a>  | 浏览:<?=$r[onclick]?> </p>
     
109.         <div class="acpost-tu clear">
     
110.                 <a target="_blank" href="<?=$r[titleurl]?>" title="<?=$r[title]?>">
     
111.                         <img src="<?=$r[titlepic]?>" alt="<?=$r[title]?>" title="<?=$r[title]?>">
     
112.                 </a>
     
113.         </div>
     
114.                 <span class="acpost-centtxt">
     
115.                                                                                 <?=$r[smalltext]?>...       
     
116.                 </span>
     
117. </article>
     
118. 
     
119.     <?php
     
120. 
     
121.         }
     
122. 
     
123.        }
     
124. 
     
125.     }
     
126. 
     
127.     db_close();
     
128. 
     
129.     $empire=null;
     
130. 
     
131. ?>

复制代码

2、在帝国CMS模板后台，在对应的列表页面添加以下代码
页面模板内容(*)

1. 
   
2. <ul class="list-content  clear" id="showajaxnews">[!--empirenews.listtemp--]<!--list.var1-->[!--empirenews.listtemp--]</ul>   
   
3. 
   
4. <div class="more" id="loadmore">点击加载更多内容</div>
   
5. 
   
6. <!-- 需要引入JQ文件 -->
   
7. 
   
8. <script>
   
9. 
   
10. $(function(){   
    
11. 
    
12.      var i = 1; //设置当前页数
    
13. 
    
14.     $('#loadmore').click(function(){
    
15. 
    
16.         $.ajax({
    
17. 
    
18.             url : 'http://localhost/cms/e/action/getmore.php', // 这是当前服务器的地址
    
19. 
    
20.             type:'POST',
    
21. 
    
22.             data:{"next":i,'table':'news','classid':'[!--self.classid--]','action':'getmorenews','limit':10,'small_length':120},
    
23. 
    
24.             dataType : 'html',
    
25. 
    
26.             beforeSend:function(){
    
27. 
    
28.                 $("#loadmore").show().html('<img src="/images/loaduai.gif" alt="帝国CMS二次开发：点击加载更多实现代码" width=23/>  正在努力加载中...');
    
29. 
    
30.                    $('#loadmore').attr('disabled','disabled');
    
31. 
    
32.             },
    
33. 
    
34.             success : function(data){
    
35. 
    
36.              if(data){
    
37. 
    
38.                 $("#showajaxnews").append(data);
    
39. 
    
40.                 $("#loadmore").removeAttr('disabled');
    
41. 
    
42.                 $("#loadmore").html('点击加载更多');
    
43. 
    
44.                  i++;
    
45. 
    
46.              }else{
    
47. 
    
48.                  $("#loadmore").show().html("已全部加载完毕！");
    
49. 
    
50.                  $('#loadmore').attr('disabled','disabled');
    
51. 
    
52.                  return false;
    
53. 
    
54.              }     
    
55. 
    
56.             }
    
57. 
    
58.         });
    
59. 
    
60.     });
    
61. 
    
62. });
    
63. 
    
64. </script>

复制代码

列表内容模板(list.var) (*)

1. 
   
2. <li class='news-list'>
   
3. 
   
4.     <a href='[!--news.url--]' title='[!--title--]' class='date-link'>
   
5. 
   
6.         <img src='[!--titlepic--]' alt='[!--title--]'  class='date-img-url'/>
   
7. 
   
8.         <h4 class='date-title'>[!--title--]</h4><span class='act-datetime'>[!--newstime--]</span>
   
9. 
   
10.     </a>
    
11. 
    
12. </li>

复制代码