Neues Protokoll in HTML5: Beispiel für das WebSocket-Protokoll

Dieser Artikel enthält ein Beispiel für ein neues Protokoll in HTML5: Das WebSocket-Protokoll hat einen gewissen Referenzwert.

WebSocket ist ein neues Protokoll in HTML 5, das eine Vollduplex-Kommunikation basierend auf einer TCP-Verbindung durchführt.

Vollduplex-Kommunikation: Zeigt an, dass Daten übertragen werden dürfen in beide Richtungen gleichzeitig.

Bestimmen Sie, ob der Browser WebSocket unterstützt

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

WS-Protokoll ist ein neues Protokoll für WebSocket. Darüber hinaus gibt es das WSS-Protokoll, das das verschlüsselte WebSocket-Protokoll darstellt. Die Beziehung zwischen den beiden ähnelt dem HTTP-Protokoll, das dem HTTPS-Protokoll entspricht.

WebSocket-Instanz

// 创建 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)
})

Empfohlene verwandte Artikel:

HTML5-Anwendungen: Offline-Anwendungen und gespeicherte Anwendungen

HTML-Tag: Zusammenfassung der Verwendung des IMG-Tags

Das obige ist der detaillierte Inhalt vonNeues Protokoll in HTML5: Beispiel für das WebSocket-Protokoll. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!