{pboot:listscode=3num=2}[list:title][list:description]{/pboot:list}

//先定義一些基本的內(nèi)容//Page就是第幾頁，由當(dāng)前頁{page:current}+1，就是第二頁，parseInt確保該數(shù)值是Int類型。varPage=parseInt('{page:current}')+1;//Num就是每頁幾條信息，因?yàn)榱斜砟J(rèn)顯示的是2條，所以這里設(shè)為2，結(jié)合上面的第二頁實(shí)際上就是從第三條信息開始讀取。varNum=2;//定義內(nèi)容的Dom位置，也就是讀取出來的內(nèi)容要添加到哪個(gè)div里面去。varDom=jQuery('.list');//接下來寫在點(diǎn)擊按鈕（'.more'）的時(shí)候觸發(fā)事件jQuery('#More').on('click',function(){//先構(gòu)建Api的地址，具體的Api地址參數(shù)，請參考官方手冊。varurl='/api.php/list/3/page/'+Page+'/num/'+Num;//開始Ajax提交請求，請求路徑就是Api接口jQuery.ajax({//請求類型type:'POST',//請求地址url:url,//返回?cái)?shù)據(jù)類型dataType:'json',//請求參數(shù)，參考官方Api手冊data:{appid:'{pboot:appid}',timestamp:'{pboot:timestamp}',signature:'{pboot:signature}',},//請求成功success:function(response,status){//定義Data變量為返回的數(shù)據(jù)varData=response.data;if(response.code){//獲取數(shù)據(jù)成功，進(jìn)行循環(huán)，value就是文章對象jQuery.each(Data,function(index,value){//將內(nèi)容append到列表varHtml=''+value.title+''+value.description+'';Dom.append(Html);});//分頁+1，下次獲取下一頁的內(nèi)容Page+=1;}else{//返回?cái)?shù)據(jù)錯(cuò)誤jQuery('#More').html(''+Data+'');}},//請求失敗error:function(xhr,status,error){//返回?cái)?shù)據(jù)異常console.log(error);}})})

//使用jQuery的scroll()方法來監(jiān)聽頁面滾動(dòng)jQuery(window).scroll(function(){//當(dāng)前窗口和頁面頂部的距離varWindowTop=jQuery(window).scrollTop();//可視窗口區(qū)域高度varWindowHeight=jQuery(window).outerHeight();//頁面的高度varDocHeight=jQuery(document).height();//定義一個(gè)開關(guān)varload=true;//判斷：（窗口與頁面頂部距離+窗口高度）>=頁面的高度（也就是滾動(dòng)到頁面底部的時(shí)候），并且開關(guān)是開啟狀態(tài)，執(zhí)行ajax加載內(nèi)容if((WindowTop+WindowHeight)>=DocHeight&&load==true){//請求地址varurl='/api.php/list/3/page/'+Page+'/num/'+Num;//設(shè)置開關(guān)狀態(tài)為關(guān)閉，防止重復(fù)加載load=false;jQuery.ajax({//部分代碼省略......success:function(response,status){varData=response.data;if(response.code){//獲取數(shù)據(jù)成功jQuery.each(Data,function(index,value){......});//設(shè)置開關(guān)狀態(tài)為開啟，進(jìn)行下次加載load==true;//頁碼+1Page+=1;}else{//返回?cái)?shù)據(jù)錯(cuò)誤jQuery('#More').html(''+Data+'');}},error:function(xhr,status,error){......}})}})