2015-05-31 198 views
-5

所以,我正在建立一個網站上有一些照片(類似網格Weheartit),主要想法是,我會每天更新這些照片(我會把新的照片每日基地)。起初我想做一個分頁,但後來我意識到動態加載內容是一個更好的主意。所以,我想以類似於Weheartit的方式加載內容(當用戶到達頁面底部,新內容被加載到無窮大時)...我通常對網頁設計不熟悉,但我有很好的知識的HTML和CSS和一些基礎知識的JavaScript。所以,我想知道你們中的一些人能否幫助我走上實現自己想法的正確道路。我需要學習如何使這成爲可能?它是否可以沒有PHP,我需要AJAX等...謝謝你們。動態內容加載(無限滾動)

+3

這個問題是在其目前的形式太廣,因爲你沒有顯示嘗試。花一些時間來瀏覽所以類似的問題 - 例如http://stackoverflow.com/search?q=infinite+scrollable+div例如http://stackoverflow.com/questions/19370850/infinite-scrollable-div-with-ajax -loaded內容 – Sean

回答

1

根據你如何陳述你的問題,它似乎有點含糊,我不太清楚你的要求,但我會盡我所能回答你的問題。

首先,我不明白你爲什麼要用Javascript'動態'加載你的內容。 Javascript是客戶端語言,當您的服務器獲取加載網頁的請求時,所有HTML/CSS都會發送到客戶端。您的Javascript只會隱藏一些HTML,但隱藏的數據仍然存在於客戶端。例如,你可以有這樣的事情:

function loadpage(){ 
document.getElementById("myDiv").style.display= "block"; 
} 

然後在頁面的末尾添加一個按鈕來執行這個功能。但是,首先將所有內容加載起來會更好。

PHP是一種服務器端語言,該代碼在服務器上執行。當你請求一個頁面時,並不是所有的html都被髮送到你的計算機上......這是當你在頁面上觸發一個Action時,服務器在其中啓動並且很可能從服務器上的數據庫中獲取新的HTML。

AJAX(異步Javascript和XML)是一種使用Javascript與服務器進行通信的方式,它允許網頁在不刷新頁面的情況下呈現來自數據庫的信息。

The We Heart It網站從數據庫動態生成數據。當您到達頁面底部時,AJAX請求會觸發與服務器的通信,並加載更多圖片供您查看。

如果你真的想要一個動態的系統,其中的圖片只是不停地加載,你需要學習PHP/AJAX/mySQL(數據庫)