2014-03-25 29 views
0

我一直在做一個項目,當有新的數據庫更新時,我們使用.click()函數來刷新頁面以獲取新內容,並且這往往會爲單個更新加載大量的數據檢索。但是我在像stackoverflow或linkedin這樣的網站中看到他們正在加載新內容而不刷新整個頁面。是否有可能用新的內容像stackoverflow刷新一個div?

任何人都可以幫助我們如何在我們的項目中添加該功能。

+0

使用Ajax更新,而不使用Ajax功能,通過重新加載頁面 –

+0

@Sridhar R上的內容?希望我沒有錯 –

+0

如果你使用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/) –

回答

2

爲此使用Ajax。

構建一個函數,該函數將通過ajax獲取當前頁面,但不是整個頁面,只是服務器上的問題div。然後(再次通過jQuery)將數據放入相同的div中,並用新的替換舊內容。

相關功能:

http://api.jquery.com/load/

$('#thisdiv').load(document.URL + '#thisdiv'); 

注意,負載自動替換的內容。

Refernce:Refresh Part of Page (div)

Only update part of page

+0

感謝您的回答,但是當新內容即將到來時,這將如何解決 –

+0

舉例來說,您有一個div,只有部分必須刷新,你基本上是從服務器加載另一個URL或數據。 –

+0

並追加所需的數據,你想要的地方它(如果它不是一個div) –