這篇文章給大家分享的是有關(guān)PHP7留言板開發(fā)之 Ajax分頁的實現(xiàn)方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

有了基礎(chǔ)頁面的支撐，想要提高頁面的用戶體驗，那么異步的數(shù)據(jù)加載目前來說是好的處理方式了。Ajax分頁是練手的好應(yīng)用場景，運(yùn)用到的知識點，在上節(jié)課老友記之PHP7留言板開發(fā)（Ajax異步提交）已經(jīng)有了一定的介紹，這里就不再敖述，如有明白請看上節(jié)內(nèi)容。

教程分解

• 1、定義gotopage(){}函數(shù)

  JavaScript具有基于函數(shù)的作用域，只要定義了，當(dāng)前頁面的是全局可用的，標(biāo)識就是gotopage。

• 2、Ajax異步操作

  上節(jié)課的內(nèi)容，這里最要是異步請求的時候注意是GET方式，ajax.php是異步請求服務(wù)端需要處理的邏輯文件，接收用戶翻頁請求，返回響應(yīng)頁數(shù)的數(shù)據(jù)即可（當(dāng)然其他格式的內(nèi)容就行，比如JSON，這里就不講解）。

• 3、JS打印數(shù)據(jù)innerHTML

在指定的頁面區(qū)域打印翻頁數(shù)據(jù)

，這里的樣式結(jié)構(gòu)是要在ul標(biāo)簽內(nèi)輸出內(nèi)容，所以用JS選擇器document.getElementById("list_box")，獲取ul標(biāo)簽的對象，然后運(yùn)用其中的innerHTML屬性賦值內(nèi)容，完成我們想要的結(jié)果document.getElementById("list_box").innerHTML = '服務(wù)器返回的數(shù)據(jù)';
• 4、JS循環(huán)for的運(yùn)用，遍歷所有頁碼并標(biāo)識當(dāng)前頁碼

用選擇器獲取所有的頁面對象var pageno = document.getElementsByClassName('pageno');
計算總頁碼數(shù)量pageno.length
for循環(huán)遍歷直到匹配到當(dāng)前用戶請求的page頁碼數(shù)即當(dāng)前頁，匹配成功就給當(dāng)前頁數(shù)添加樣式（標(biāo)識當(dāng)前請求成功的頁數(shù)）。

本教程基于老友記之PHP7留言板開發(fā)（分頁）內(nèi)容上改動。

HTML代碼list.php

    
        
        
        
        
        
    
    
        
        
        
            
                留言板
                LIST
            

            
                
                    
                關(guān)鍵詞：" />
                
                
                

                
                    
                    
姓名： 聯(lián)系方式： 內(nèi)容：
                    
                

姓名：". $rows['name']." 聯(lián)系方式：". $rows['contact']." 內(nèi)容：".$rows['content']."";
}

echo $list;
exit;