html中如何直接給服務器發(fā)消息

這篇文章將為大家詳細講解有關html中如何直接給服務器發(fā)消息，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

　　HTML5 服務器發(fā)送事件（Server-Sent Events）允許網頁獲得來自服務器的更新。


　　Sever-Sent事件 -單項消息傳遞


　　Sever-Sent事件指的是網頁自動獲取來自服務器的更新


　　以前也可能做得到這一點，前提是網頁不得不詢問是否有可用的更新，通過服務器發(fā)送時間，更新能夠自動到達


　　例子：FaceBook/Twitter跟新，估價更新，新的博文，賽事結果等


　　接受Sever-Sent事件通知


　　EventSource對象用于接受服務器發(fā)送事件通知：菜鳥教程（runoob.com）獲取服務端更新數據


　　實例解析：


　　1.創(chuàng)建一個新的EventSource對象，然后規(guī)定發(fā)送更新的頁面URL（本例中是“demo.sse.php”）


　　2.沒接收到一次更新，就會發(fā)生onmessage事件


　　3.當onmessage事件發(fā)生時，把已接受的數據推入id為“result”的元素中


　　檢測Server-Sent事件支持


　　一下實例，編寫了一段額外的代碼來檢測服務器發(fā)送事件的瀏覽器支持情況if?（type（EventSource）？！==?"undefined"）


　　{


　　//瀏覽器支持？Server-Sent


　　//一些代碼


　　//瀏覽器不支持？Server-Sent


　　}


　　服務器代碼實例


　　未來讓上面的例子可以運行，還需要能夠發(fā)送數據更新的服務器（比如PHP 和 ASP）


　　服務器端事件流的語法是非常簡單的，把"Content-Type"報頭設置為"text/event-stream".現在，可以開始發(fā)送事件流了


　　實例：ASP?代碼？（VB）？（demo_sse.asp）：


　　代碼解釋：


　　1.把報頭"Content-Type"設置為"text/event-stream"


　　2.規(guī)定不對頁面進行緩存


　　3.輸出發(fā)送日期（始終以"data:"開頭）


　　4.向網頁刷新輸出數據


　　EventSource對象


　　在上面的例子中，我們使用onmessage時間來獲取消息，不過還可以使用其他事件


　　事件 描述


　　onopen 當通往服務器的連接被打開


　　onmessage 當接收到消息


　　onerror 當發(fā)生錯誤

關于“html中如何直接給服務器發(fā)消息”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。