HTML5學習之WebSocket的使用詳解

標籤：

本文和大家分享的主要是HTML5中WebSocket相關內容，一起來看看吧，希望對大家學習html5有所協助。 建立 WebSocket 對象 用以下 方法 建立 WebSocket 對象。 var Socket = new WebSocket(url, [protocol] ); 以上代碼中的第一個參數 url, 指定串連的 URL。第二個參數 protocol 是可選的，指定了可接受的子協議 WebSocket 屬性 以下是 WebSocket 對象的屬性。假定我們使用了以上代碼建立了 Socket 對象： Socket.readyState 唯讀屬性 readyState 表示串連狀態，可以是以下值： 0 - 表示串連尚未建立。 1 - 表示串連已建立，可以進行通訊。 2 - 表示串連進行中關閉。 3 - 表示串連已經關閉或者串連不能開啟。 Socket.bufferedAmount 唯讀屬性 bufferedAmount 已被 send() 放入正在隊列中等待傳輸，但是還沒有發出的 UTF-8 文本位元組數。 WebSocket 事件 open    Socket.onopen    串連建立時觸發 message    Socket.onmessage    用戶端接收服務端資料時觸發 error    Socket.onerror    通訊發生錯誤時觸發 close    Socket.onclose    串連關閉時觸發 WebSocket 方法 以下是 WebSocket 對象的相關方法。假定我們使用了以上代碼建立了 Socket 對象： Socket.send()     使用串連發送資料Socket.close()    關閉串連 建立webSocket服務 socket.io socket.io是改進版的WebSocket，地址是： https://socket.io/ nodejs啟動服務： var app = require(’http’).createServer()var io = require(’socket.io’)(app); app.listen(8008); io.on(’connection’, function (socket) { socket.emit(’news’, { hello: ’world’ }); socket.on(’my other event’, function (data) { console.log(data); }); });前台接受，要引入socket.io.js<script src="socket.io.js"></script>  var socket = io(’ws://localhost:8008’);  socket.on(’news’, function (data) {    console.log(data);    socket.emit(’my other event’, { my: ’data’ });  });來源：Haorooms

HTML5學習之WebSocket的使用詳解