PHP7留言板開發(fā)之Ajax分頁的實現(xiàn)方法

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

成都創(chuàng)新互聯(lián)公司于2013年創(chuàng)立，是專業(yè)互聯(lián)網技術服務公司，擁有項目成都做網站、成都網站設計網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元滄州做網站,已為上家服務,為滄州各地企業(yè)和個人服務,聯(lián)系電話:18982081108

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

教程分解

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

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

• 2、Ajax異步操作

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

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

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

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

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

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

HTML代碼list.php

    
        
        
        
        
        
    
    
        
        
        
            
                留言板
                LIST
            

            
                
                    
                關鍵詞：" />
                
                
                

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

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

echo $list;
exit;