Javascript入門 WebSocket利用例（簡潔入門チュートリアル）_基礎知識

WEB サーバーへのネットワーク ソケット接続を理解すると、ブラウザからサーバーにデータを送信し、サーバーから応答データを受信できるようになります。

次は、新しい WebSocket オブジェクトを作成する API です:

コードをコピーします コード

var Socket = new WebSocket(url, [protocal] );

ここでの最初のパラメータは接続する URL を指し、2 番目のパラメータはオプションです。必要に応じて、サーバーでサポートされているプロトコルを指定します。

WEB ソケットのプロパティ:

属性

説明

ソケット.readyState

readyState は、ReadOnly 属性の接続ステータスを表します。次の値を指定できます。

属性	说明
Socket.readyState	readyState的代表的ReadOnly属性的连接状态。它可以有以下值： 一个0值表示该连接尚未建立。 值为1表示连接建立和沟通是可能的。 值为2表示连接是通过将结束握手。 值为3表示连接已关闭或无法打开。
Socket.bufferedAmount	读属性的bufferedAmount代表文本的字节数,utf - 8的排队使用send()方法。

値 0 は、接続がまだ確立されていないことを示します。

値 1 は、接続の確立と通信が可能であることを示します。

値 2 は、接続が完了し、ハンドシェイクが終了することを示します。

事件	处理程序	说明
open	Socket.onopen	此事件发生在套接字建立连接。
message	Socket.onmessage	此事件发生时，客户端收到来自服务器的数据。
error	Socket.onerror	此事件发生时有任何通信错误。
close	Socket.onclose	此事件发生在连接关闭。

値 3 は、接続が閉じているか、開くことができないことを示します。

Socket.bufferedAmount

read属性のbufferedAmountはテキストのバイト数を表し、UTF-8のキューはsend()メソッドを使用します。

WEB ソケットイベント:

方法	说明
Socket.send()	send（data）方法用来连接传输数据。
Socket.close()	close（）方法将被用于终止任何现有的连接。

WEB ソケットメソッド:

WEB ソケットの例:

コードをコピー


コードは次のとおりです:

< ;a href="javascript:WebSocketTest()">WebSocket を実行

🎜>