2013-06-20 74 views
0

我們提供了有關我們想要的課程的培訓。 我們試圖實現以下內容: 我們有一個來自多個文件夾/服務器的統計信息頁面(我們可以以任何格式,html,txt等形式提供這些信息)。目前它每分鐘更新最新的信息。我們想要的是頁面不會刷新,只是頁面內的數據在其他地方發生更改時發生更改,我們希望在發生頁面更新(如果可能的話)而不是每分鐘更新一次。 我給的一個例子是當有人發佈新內容時,Facebook或Twitter更新Feed什麼技術可以用來更新帶有更新內容的網頁而不刷新頁面?

我們需要哪些技術才能使用? jQuery的? AJAX? JavaScript的? 有沒有這個技術的特定部分,可以做到這一點,我們可以針對課程的目標?

任何幫助/指針讚賞

+4

AJAX可以做到這一點。 –

+1

我會做一個jQuery組合使用ajax調用API或服務器端語言。 –

+5

別忘了websocket – 2013-06-20 20:42:53

回答

5

您正在尋找Push technology

模擬該的略微過時的方法是"long-polling"Comet其中(基本上)的AJAX請求保持打開的時間(而不是不斷地輪詢)期長,直到服務器實際上具有發送響應。

如今,你應該看看websockets或商業產品一樣喜歡pusher它使用的WebSockets啓動通信服務器端,而不是從客戶端不斷地輪詢。

0

您可以使用AJAX進行輪詢,間隔時間較短,或者使用帶有Node.js或類似內容的websockets。

瞭解更多關於Node.js的位置:http://nodejs.org/

-3

您必須已經使用服務器端編程語言如PHP,Java和ASP等從目錄中獲取文件的列表,並顯示在網頁上會。

由於您要刷新數據,無需重新加載網頁,您必須依靠AJAX。 AJAX是一種瀏覽器(或客戶端)技術,與您使用的服務器端技術無關。 AJAX允許您在不重新加載頁面的情況下從Javascript調用相同的服務器端腳本(默默發生)。之後,使用從AJAX調用收到的響應,您可以使用Javascript重新填充/刷新您的網頁和最新數據。

jQuery是一個Javascript框架,它提供了許多AJAX API。這些API使您的Javascript代碼(用於進行ajax調用)更短,從而您的工作變得更加輕鬆。

Learn AJAX from W3Schools,這是初學者最好的教程網站之一。

+3

不,W3Schools是[最差的初學者教程網站](http://w3fools.com)之一。另外,對於這個問題AJAX不是一個好的答案。你絕對不會*依靠AJAX來做到這一點。 – meagar

+0

讓我接受你的觀點 - W3Schools是最糟糕的。但W3Fools的人可以創建一個更好的替代W3Schools。他們爲什麼不那樣做? :) –

+0

因爲更好的替代品已經存在。 – meagar