PHP如何實作非同步載入

藏色散人
發布: 2023-03-06 17:34:01
原創
3207 人瀏覽過

PHP實作非同步載入的方法:首先取得瀏覽器視覺區域頁面的高度;然後建構一個公式,計算相對比例;接著使用jQuery的getJSON方法,向服務端result.php發送請求;最後解析JSON資料即可。

PHP如何實作非同步載入

推薦:《PHP影片教學

php非同步載入資料

無刷新功能我們用到很多很多的,下面我就來給各位介紹一個實例,就是實現php ajax實現無刷新滾屏加載數據,例子非常的簡單大家只要按流程來操作就可以了哦。

方法

首先,我們要取得瀏覽器視覺區域頁面的高度

PHP如何實作非同步載入

#然後,當捲動頁面的時候需要做的事情是:計算頁面總高度(當滾動底部時,頁面新加載數據,所以頁面總高度是動態變化的),計算滾動條位置(滾動條位置也是隨著加載頁面的高度動態變化的),然後建構一個公式,計算相對比例

PHP如何實作非同步載入

當滾動條接近頁底時,觸發ajax加載,在本例中我們使用jQuery的getJSON方法,向服務端result. php傳送請求,請求的參數為page,即頁數

PHP如何實作非同步載入

如果請求回應成功返回JSON數據,則解析JSON數據,並將資料追加到頁面DIV#container之後,如果沒有JSON資料回,則表示資料全部顯示完畢

PHP如何實作非同步載入

#完整的jQuery程式碼如下

PHP如何實作非同步載入

##result .php

當捲動到頁面底部時,前端Ajax請求到result.php,該後台程式將根據請求的資料頁數:page,查詢資料表中對應的記錄,並將記錄集以json的格式輸出回傳給前端處理

PHP如何實作非同步載入

#好了,本文的介紹到此結束,快去看看效果吧。

以上所述就是本文的全部內容了,希望大家能夠喜歡

以上是PHP如何實作非同步載入的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板