Nouveau protocole en HTML5 : Exemple de protocole WebSocket

Cet article vous présente un exemple de nouveau protocole en HTML5 : le protocole WebSocket. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

WebSocket est un nouveau protocole HTML 5, qui effectue une communication full-duplex basée sur une connexion TCP.

Communication full-duplex : indique que la transmission des données est autorisée dans les deux sens simultanément.

Déterminez si le navigateur prend en charge WebSocket

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

Le protocole ws est un nouveau protocole pour WebSocket. De plus, il existe le protocole wss, qui représente le protocole WebSocket crypté. . La relation entre les deux est comme le protocole HTTP correspondant au protocole HTTPS.

Exemple 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)
})

Articles connexes recommandés :

Application HTML5 : application hors ligne et application de stockage

Balise HTML : résumé de l'utilisation de la balise img

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!