Javascript的使用实例介绍WebSocket(简单入门教程)
一旦您了解了网络套接字和Web服务器之间的连接,您就能够将数据从浏览器发送到服务器,并接收服务器返回的响应数据。以下是API来创建一个新的WebSocket对象:
复制代码代码如下:var插座=新的WebSocket(URL协议,{ });
这里的第一个参数是连接URL,如果需要,第二个参数是可选的,就是指定服务器支持协议。
Web套接字属性:
属性
解释
Socket.readyState
在readyState代表ReadOnly属性的连接状态,可以有以下值:
0值表示连接尚未建立。
值1表示可以建立和通信连接。
2的值表示连接在握手结束时传递。
3的值表示连接已关闭或无法打开。
socket.bufferedamount
在读属性bufferedamount代表文本的字节数,和排队utf - 8使用发送()方法。
网络套接字事件:
事件
处理程序
解释
正常开放
socket.onopen
此事件发生在套接字中以建立连接。
消息
socket.onmessage
当发生此事件时,客户端从服务器接收数据。
误差
socket.onerror
在该事件发生时存在通信错误。
关闭
socket.onclose
此事件发生在连接关闭时。
Web套接字方法:
方法
解释
Socket.send()
发送(数据)方法用于连接数据传输。
Socket.close()
关闭()方法将用于终止任何现有连接。
Web套接字示例:
复制代码代码如下所示:
WebSocketTest()函数
{
如果(WebSocket 窗口)
{
警报(WebSocket是通过你的浏览器支持!;
我们打开一个web套接字
VaR WS =新的WebSocket(WS: / /本地:9998 /回声);
ws.onopen =功能()
{
套接字是连接的,使用(发送)发送数据。
Ws.send(消息发送);
警报(消息已发送……);
};
ws.onmessage =功能(EVT)
{
无功received_msg = evt.data;
警报(已收到消息……);
};
ws.onclose =功能()
{
关闭。 / / WebSocket
警报(连接已关闭……);
};
}
其他的
{
浏览器不支持WebSocket / /
警报(WebSocket不支持你的浏览器!;
}
}
运行WebSocket