不時,我需要某種機制,不斷刷新網頁,以提供一個實時的儀表板某種。如果我只能刷新一個特定的頁面的一部分,這將是很大的,例如:儀表盤上的交通燈顯示系統狀態。
這是很容易通過使用jQuery JavaScript庫,只刷新頁面的一部分。一旦我們納入我們的頁面的jQuery庫,我們只需要1行的JavaScript得到它的工作:
1
|
<
script
src="/js/jquery-1.3.2.min.js" type="text/javascript"></
script
>
|
所以我們只要我們的頁面放入這個小的JS代碼片段刷新里面的內容ID標簽的一切,讓我們說,每5秒:
1
2
3
|
setInterval(
function
() {
$(
"#content"
).load(location.href+
" #content>*"
,
""
);
}, 5000);
|
這就是它!!因此,這是很容易完成一些實時監控的行為,只是那行代碼。沒有更奇怪的元刷新標記或iframe一種解決方法,在Web應用程序。
每5秒,我們將刷新內容相同的URL和所有元素,駐留在元素ID為content元素的內容:內容。