花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

帝國CMS二次開發(fā)無刷新Ajax加載更多列表信息寫法教程

時間: 2024-02-25 09:55 閱讀: 作者:素材無憂網(wǎng)

本帝國cms插件利用AJAX實現(xiàn)無刷新加載更多的列表信息,用查看更多按鈕來替代翻頁功能,無限加載。
服務(wù)端源碼:(保存路徑為/e/action/get_news_index.php)

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];
?>


"?target=_blank>"?width=160?height=100?/>

"?target=_blank>

">

前端JS腳本實現(xiàn)代碼:

$(function(){
var?i?=?1;?//設(shè)置當(dāng)前頁數(shù)
$('#loadmore').on('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('正在努力加載中...');
$('#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請求服務(wù)端參數(shù)說明
next:第幾頁
table:調(diào)用數(shù)據(jù)表
limit:每次調(diào)用數(shù)量
small_length:簡介截取字符數(shù)
length:標(biāo)題截取字符數(shù)
classid:調(diào)用欄目,允許多個,如1,2,3,4 特別注意,必須是調(diào)用同一數(shù)據(jù)表的欄目
orderby:排序,默認(rèn)是newstime,傳什么就按什么來排序,如 id
myorder:正反序,默認(rèn)是asc,傳值怎為desc
除此之外還需要有一個按鈕來載入更多

點擊加載更多內(nèi)容

還需要一個渲染數(shù)據(jù)的元素(id="showajaxnews")點擊加載更多按鈕后獲取到的數(shù)據(jù)會追加到showajaxnews元素里面,在點擊載入按鈕之前我們需要預(yù)放一下數(shù)據(jù)在里面,這樣的話打開頁面就有部分?jǐn)?shù)據(jù),點擊載入按鈕后追加到末尾!

參考模板代碼:本插件是在jQuery下實現(xiàn),請務(wù)必引入jquery,否則不能正常運行!

版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 帝國CMS二次開發(fā)無刷新Ajax加載更多列表信息寫法教程

標(biāo)簽: 帝國CMS二次開發(fā)  
模板推薦