jQuery實現AJAX定時局部頁面重新整理

不時，我需要某種機制，不斷重新整理網頁，以提供一個即時的儀表板某種。如果我只能重新整理一個特定的頁面的一部分，這將是很大的，例如：儀錶盤上的交通燈顯示系統狀態。

這是很容易通過使用jQuery JavaScript庫，只重新整理頁面的一部分。一旦我們納入我們的頁面的jQuery庫，我們只需要1行的JavaScript得到它的工作：

<script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>

所以我們只要我們的頁面放入這個小的JS程式碼片段重新整理裡面的內容ID標籤的一切，讓我們說，每5秒：

setInterval(function() {    $("#content").load(location.href+" #content>*","");}, 5000);

 

這就是它！！因此，這是很容易完成一些即時監控的行為，只是那行代碼。沒有更奇怪的元重新整理標記或iframe一種解決方案，在Web應用程式。

每5秒，我們將重新整理內容相同的URL和所有元素，駐留在元素ID為content元素的內容：內容。