HTML5 の新しいプロトコル: WebSocket プロトコルの例

不言
リリース: 2018-08-08 10:02:29
オリジナル
1848 人が閲覧しました

この記事では、HTML5 の新しいプロトコルである WebSocket プロトコルの例を紹介します。必要な方は参考にしてください。

WebSocketは、TCP接続に基づいて全二重通信を行うHTML 5の新しいプロトコルです

全二重通信: データを双方向に同時に送信できることを示します。

ブラウザがWebSocketをサポートしているかどうかを確認します

// 判断浏览器是否支持 WebSocket
if (window.WebSocket != undefined)
 {    
    var Socket = new WebSocket('ws://localhost: 8080')
  }
ログイン後にコピー

wsプロトコルはWebSocketの新しいプロトコルです。さらに、暗号化されたWebSocketプロトコルを表すwssプロトコルがあります。両者の関係は、HTTPS プロトコルに対応する HTTP プロトコルのようなものです。

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 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!