資料庫更新後，如何讓網頁自動更新不用重新整理

javascript php html 網頁設計 mysql jquery database

sunry81914 2013-05-19 20:38:11 ‧ 54344 瀏覽

分享至

我是在做一個多人共同編輯網頁
譬如: 當一個人修改一個註記內容按確定按鈕，那個人可以看到修改結果
但此時其他在這網頁上的人，沒刷新動作，上面被更改的註記能是顯示舊的

想問如何一個人更新資料庫，其他在此頁面上的人也都會即時自動更新呢??

可以給我詳細一點的解說會更好謝謝 ><

slime iT邦大師 1 級 ‧ 2013-05-19 21:07:28 檢舉

更新只有兩個方式:
1. 由 Client 向 Server 要求(request)
2. Server 向 Client 推送訊息(push)

但無論哪一種, 都必須是 Client 與 Server 已經建立連線的狀態下才行.
所以依這原理, 可以考慮:
1. Client 每一段時間就向 Server 提出要求.
2. Server 記錄著目前有連線的 Client , 並向 Client 發出有更新的訊息, Client 再更新.

魯大 iT邦高手 1 級 ‧ 2013-05-20 13:37:44 檢舉

感覺上第一點比較適合WEB的架構

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

6 個回答

wiseguy

iT邦超人 1 級 ‧ 2013-05-19 23:54:27

請研究 Comet 技術：AJAX、Long polling、Web Socket

回應 10
分享
檢舉

看更多先前的回應...收起先前的回應...

老鷹(eagle) iT邦高手 1 級 ‧ 2013-05-20 14:23:24 檢舉

Node.js 好像也可以
可惜我不會

ted99tw iT邦高手 1 級 ‧ 2013-05-20 14:35:55 檢舉

超人一定會，可惜我不是超人...

外獅佬 iT邦大師 1 級 ‧ 2013-05-20 14:52:33 檢舉

人一定會，可惜我不是....

老鷹(eagle) iT邦高手 1 級 ‧ 2013-05-20 14:56:10 檢舉

wiselou提到：
人一定會，可惜我不是....

恩!外獅佬是獅子,聽說拔獅子的毛就可以長出頭髮,大家快搶阿!!

總裁 iT邦好手 1 級 ‧ 2013-05-20 15:00:47 檢舉

chingfeng提到：
拔獅子的毛

我把我的權利讓給泰大....

echen688 iT邦高手 1 級 ‧ 2013-05-20 15:04:39 檢舉

chingfeng提到：
大家快搶阿!!

只見泰大衝第一個, 0到100公尺加速只花了9秒9 ..........

外獅佬 iT邦大師 1 級 ‧ 2013-05-20 15:10:37 檢舉

chingfeng提到：
拔獅子的毛就可以長出頭髮

別相信沒有根據的說法了...

老鷹(eagle) iT邦高手 1 級 ‧ 2013-05-20 15:23:13 檢舉

wiselou提到：
別相信沒有根據的說法了

不過電視有廣告耶

wiseguy iT邦超人 1 級 ‧ 2013-05-26 11:04:20 檢舉

chingfeng提到：
Node.js 好像也可以

chingfeng 應該是誤會了。
雖然 Node.JS 是 javascript 語言，不過 Node.JS 是 server side script，不是 client side script。把 javascript 放到 client side 用來向 servier side 要資料，就是 Comet 技術。

老鷹(eagle) iT邦高手 1 級 ‧ 2013-05-26 11:11:19 檢舉

謝謝wiseguy大大講解

登入發表回應

外獅佬

iT邦大師 1 級 ‧ 2013-05-20 14:57:27

sunry81914提到：
要點修改或重新整理他才會更新~如何改善這問題??

用setInterval.....定時重新查詢，並且透過ajax塞入資料，達到即時更新的效果...

回應 2
分享
檢舉

ted99tw iT邦高手 1 級 ‧ 2013-05-20 14:59:38 檢舉

iT邦幫忙MVPwiselou提到：
setInterval

亦即設定頻率，這種功能在某些情趣用品也有...

sula3065408 iT邦研究生 1 級 ‧ 2013-05-20 21:11:17 檢舉

就是polling

登入發表回應

炎之虛空

iT邦高手 3 級 ‧ 2013-05-26 17:55:15

直接使用.load()
http://api.jquery.com/load/

回應
分享
檢舉

登入發表回應

andytsao701

iT邦新手 5 級 ‧ 2013-07-25 15:28:28

sunry81914

如果沒錯的話,wiseguy大大給你的方向是正確的，只是你的server端是用.NET架構還是其他的?
如果是.NET架構的話!小弟在網路上是有看到滿多有關RealTime相關的技術文章!
您可以參考點部落91大大的文章,有關SignalR這套件
http://www.dotblogs.com.tw/hatelove/archive/2012/07/01/signalr-introduction-about-realtime-website.aspx