我一直在做一個項目,當有新的數據庫更新時,我們使用.click()
函數來刷新頁面以獲取新內容,並且這往往會爲單個更新加載大量的數據檢索。但是我在像stackoverflow或linkedin這樣的網站中看到他們正在加載新內容而不刷新整個頁面。是否有可能用新的內容像stackoverflow刷新一個div?
任何人都可以幫助我們如何在我們的項目中添加該功能。
我一直在做一個項目,當有新的數據庫更新時,我們使用.click()
函數來刷新頁面以獲取新內容,並且這往往會爲單個更新加載大量的數據檢索。但是我在像stackoverflow或linkedin這樣的網站中看到他們正在加載新內容而不刷新整個頁面。是否有可能用新的內容像stackoverflow刷新一個div?
任何人都可以幫助我們如何在我們的項目中添加該功能。
爲此使用Ajax。
構建一個函數,該函數將通過ajax獲取當前頁面,但不是整個頁面,只是服務器上的問題div。然後(再次通過jQuery)將數據放入相同的div中,並用新的替換舊內容。
相關功能:
如
$('#thisdiv').load(document.URL + '#thisdiv');
注意,負載自動替換的內容。
Refernce:Refresh Part of Page (div)
感謝您的回答,但是當新內容即將到來時,這將如何解決 –
舉例來說,您有一個div,只有部分必須刷新,你基本上是從服務器加載另一個URL或數據。 –
並追加所需的數據,你想要的地方它(如果它不是一個div) –
使用Ajax更新,而不使用Ajax功能,通過重新加載頁面 –
@Sridhar R上的內容?希望我沒有錯 –
如果你使用PHP檢查這個: http://stackoverflow.com/questions/6506873/change-div-content-using-ajax-php-and-jquery 如果你使用Asp.net檢查出updatepanel控件(http://ajax.net-tutorials.com/controls/updatepanel-control/) –