iT邦幫忙

1

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

  • 分享至 

  • xImage

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

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

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

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 }} |
{{ formatDate(item.duration) }}
直播中
10
wiseguy
iT邦超人 1 級 ‧ 2013-05-19 23:54:27

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

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

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

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

超人一定會,可惜我不是超人...落寞

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

人一定會,可惜我不是....OrzOrzOrz

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提到:
拔獅子的毛就可以長出頭髮

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

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 技術。

謝謝wiseguy大大講解謝謝謝謝

4
外獅佬
iT邦大師 1 級 ‧ 2013-05-20 14:57:27

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

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

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

iT邦幫忙MVPwiselou提到:
setInterval

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

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

就是polling

0
炎之虛空
iT邦高手 3 級 ‧ 2013-05-26 17:55:15

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

0
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

0
mis2000lab
iT邦好手 1 級 ‧ 2014-05-05 09:23:42

SignalR聊天室
http://www.dotblogs.com.tw/mis2000lab/archive/2013/10/25/signalr_v2_chatroom_download.aspx

看看這個結果是不是您想要的?
如同其他回答的前輩所言,AJAX也是一種選項

我要發表回答

立即登入回答