首頁 > 網際網路

怎麼將後台的資料通過ajax迴圈展現到頁面

2019-12-11 13:09:53

一般情況下,後台的資料都是在頁面載入前已經從資料庫獲取到,並顯示在頁面上了,但如果想通過ajax來獲取資料,並將其顯示在頁面上,該怎麼做?其實也不難,下面我們來說一下大概的思路。

1

首先我們在後臺程式碼裡新增一個ajax請求響應的動作,在這裡獲取後台的資料(比如資料庫裡的),然後把資料轉化成html程式碼,或者直接返回對應的json資料。


2

接著在html裡,放一個空的div,加上一個id屬性,這個div主要就是用來顯示ajax返回的資料的。


3

我們在這裡使用jquery的語法,因此大家先引入jquery外掛庫檔案。

在頁面載入完成後,我們呼叫一個方法(ajax_call)去請求ajax。


4

ajax_call方法的邏輯如下圖,主要是呼叫ajax方法,然後把得到的結果html附加到html裡的div裡。


5

如果返回的僅是資料,而不是html字元,我們還需要先構建好html,再將其附加到div裡面。


6

如果有很多資料需要返回顯示的,我們可以在ajax的回撥函數success裡,再呼叫ajax_call方法就行了,關鍵是把全域性變數current_page進行加一操作,表示這次獲取的資料是下一頁的資料,而不是一開始的第一頁的資料。


7

如果不想ajax獲取資料過於頻繁,我們可以在回撥函數里,新增一個定時器,定時2秒後再進行下一頁的資料獲取。



IT145.com E-mail:sddin#qq.com