使用Web Socket API

1、主讲人： 曹兴会Web Socket通信的基本知识使用Web Socket API使用WebSocket API1. WebSocket通信的基本知识WebSocket是HTML5提供的，在Web应用程序中，客户端与服务器端之间进行的非HTTP的通信机制。它实现了用HTTP不容易实现的服务器端的数据推送等智能通信技术，因此受到了高度关注。使用WebSocket API可以在服务器与客户端之间建立一个非HTTP的双向连接。这个连接是实时的，也是永久的，除非被显式关闭。1. WebSocket通信的基本知识这意味着当服务器想向客户端发送数据时，可以立即将数据推送到客户端的浏览器中，无需重新建立连接

2、。只要客户端有一个被打开的socket（套接字）并且与服务器建立连接，服务器就可以把数据推送到这个socket上，服务器不再需要轮询客户端的请求，从被动转为了主动。另外，在WebSocket API中，同样可以使用跨域通信技术。在使用跨域通信技术时，应该确保客户端与服务器端是互相信任的，服务器端应该判断将它的服务发送给所有客户端，还是只发送给某些受信任的客户端。2.使用WebSocket APIWeb Socket的API本身非常简单。将URL字符串作为参数，然后调用WebSocket对象的构造函数来建立与服务器之间的通信连接，例如：URL字符串必须以“ws”或“wss”（加密通信时）文字作为

3、开头。这个URL字符串被设定好之后，在JavaScript脚本中可以通过访问WebSocket对象的url属性来重新获取。var webSocket = new WebSocket(ws:/localhost:8005/socket);2.使用WebSocket API通信连接建立好之后，就可以进行客户端与服务器端的双向通信了。使用WebSocket对象的send()方法对服务器发送数据，只能发送文本数据，但是可以使用JSON对象把任何JavaScript对象转换成文本数据后进行发送。使用send()方法的代码如下：通过获取message事件句柄来接收服务器传过来的数据，示例如下：webSoc

4、ket.send(data);webSocket.addEventListener(message, function(event) var data = event.data; / 其他处理代码。 , false); 2.使用WebSocket API通过获取open事件句柄来监听socket的打开事件，示例如下：webSocket.addEventListener(open, function(event) / 开始通信时的处理。 , false);通过获取close事件句柄来监听socket的关闭事件，示例如下：webSocket.addEventListener(close, func

5、tion(event) / 通信结束时的处理。 , false);通过获取close()方法来关闭socket，切断通信连接，示例如下：webSocket.close(); 2.使用WebSocket API另外，可以通过读取readyState的属性值来获取WebSocket对象的状态。readyState属性存在以下几种属性值：n CONNECTING（数字值0）：表示正在连接。n OPEN（数字值1）：表示已建立连接。n CLOSING（数字值2）：表示正在关闭连接。n CLOSED（数字值3）：表示已关闭连接2.使用WebSocket API使用WebSockets API，不仅可以发

6、送文本数据，而且可以JSON对象来发送一切JavaScript中的对象。使用JSON对象的关键是使用它的两个方法JSON.parse()方法与JSON.stringify()方法，其中JSON.stringify()方法把JavaScript对象转换成为文本数据，JSON.parse()方法将文本数据转回为JavaScript对象。示例如下：var host = ws:/localhost:8005/socket; var webSocket = new WebSocket(host); var userName, userAge, successFlag, currentTime; 2.使用WebSocket APIwebSocket.addEventListener(message,function(event)varDataBase=JSON.parse(event.data);userName=DataBase.userName;userAge=DataBase.userAge;successFlag=false;if(DataBase.DataType=SQLServer)successFlag=InsertSQLData();elseif(DataBase.DataType=ORACLE)successFlag=InsertO