HTML5新增協定：WebSocket協定的實例

這篇文章帶給大家的內容是關於HTML5新增協議：WebSocket協議的實例，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

WebSocket 是HTML 5 新增的協議，基於TCP 連線進行全雙工通訊

全雙工通訊：表示允許資料在兩個方向上同時傳輸。

判斷瀏覽器是否支援 WebSocket

// 判断浏览器是否支持 WebSocket
if (window.WebSocket != undefined)
 {    
    var Socket = new WebSocket('ws://localhost: 8080')
  }

ws 協定是 WebSocket 新增的協議，此外還有 wss 協議，表示加密的 WebSocket 協定。兩者的關係如同 HTTP 協定對應 HTTPS 協定。

WebSocket 實例

// 创建 WebSocket 实例
var Socket = new WebSocket('ws://localhost:8080')
// 连接打开
Socket.addEventListener('open', function(event) {
    socket.send('Hello Server!')
})
// 建通数据传送，有数据到达时触发
Socket.addEventListener('message', function(event) {
    console.log('Message from Server', event.data)
})
// 当错误发生时，用于监听 error 事件的事件监听器
Socker.addEventListener('error', function(event) {
    console.log(event.data)
})
// 连接关闭
Socket.addEventListener('close', function(event){
    console.log(event.data)
})

相關文章推薦：

HTML5應用程式：離線的應用程式以及儲存的應用程式

#HTML標籤：img標籤的用法摘要

以上是HTML5新增協定：WebSocket協定的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！