使用Web Socket API

1、主講人： 曹興會(huì)Web Socket通信的基本知識(shí)使用Web Socket API使用WebSocket API1. WebSocket通信的基本知識(shí)WebSocket是HTML5提供的，在Web應(yīng)用程序中，客戶端與服務(wù)器端之間進(jìn)行的非HTTP的通信機(jī)制。它實(shí)現(xiàn)了用HTTP不容易實(shí)現(xiàn)的服務(wù)器端的數(shù)據(jù)推送等智能通信技術(shù)，因此受到了高度關(guān)注。使用WebSocket API可以在服務(wù)器與客戶端之間建立一個(gè)非HTTP的雙向連接。這個(gè)連接是實(shí)時(shí)的，也是永久的，除非被顯式關(guān)閉。1. WebSocket通信的基本知識(shí)這意味著當(dāng)服務(wù)器想向客戶端發(fā)送數(shù)據(jù)時(shí)，可以立即將數(shù)據(jù)推送到客戶端的瀏覽器中，無(wú)需重新建立連接

2、。只要客戶端有一個(gè)被打開(kāi)的socket（套接字）并且與服務(wù)器建立連接，服務(wù)器就可以把數(shù)據(jù)推送到這個(gè)socket上，服務(wù)器不再需要輪詢客戶端的請(qǐng)求，從被動(dòng)轉(zhuǎn)為了主動(dòng)。另外，在WebSocket API中，同樣可以使用跨域通信技術(shù)。在使用跨域通信技術(shù)時(shí)，應(yīng)該確?？蛻舳伺c服務(wù)器端是互相信任的，服務(wù)器端應(yīng)該判斷將它的服務(wù)發(fā)送給所有客戶端，還是只發(fā)送給某些受信任的客戶端。2.使用WebSocket APIWeb Socket的API本身非常簡(jiǎn)單。將URL字符串作為參數(shù)，然后調(diào)用WebSocket對(duì)象的構(gòu)造函數(shù)來(lái)建立與服務(wù)器之間的通信連接，例如：URL字符串必須以“ws”或“wss”（加密通信時(shí)）文字作為

3、開(kāi)頭。這個(gè)URL字符串被設(shè)定好之后，在JavaScript腳本中可以通過(guò)訪問(wèn)WebSocket對(duì)象的url屬性來(lái)重新獲取。var webSocket = new WebSocket(ws:/localhost:8005/socket);2.使用WebSocket API通信連接建立好之后，就可以進(jìn)行客戶端與服務(wù)器端的雙向通信了。使用WebSocket對(duì)象的send()方法對(duì)服務(wù)器發(fā)送數(shù)據(jù)，只能發(fā)送文本數(shù)據(jù)，但是可以使用JSON對(duì)象把任何JavaScript對(duì)象轉(zhuǎn)換成文本數(shù)據(jù)后進(jìn)行發(fā)送。使用send()方法的代碼如下：通過(guò)獲取message事件句柄來(lái)接收服務(wù)器傳過(guò)來(lái)的數(shù)據(jù)，示例如下：webSoc

4、ket.send(data);webSocket.addEventListener(message, function(event) var data = event.data; / 其他處理代碼。 , false); 2.使用WebSocket API通過(guò)獲取open事件句柄來(lái)監(jiān)聽(tīng)socket的打開(kāi)事件，示例如下：webSocket.addEventListener(open, function(event) / 開(kāi)始通信時(shí)的處理。 , false);通過(guò)獲取close事件句柄來(lái)監(jiān)聽(tīng)socket的關(guān)閉事件，示例如下：webSocket.addEventListener(close, func

5、tion(event) / 通信結(jié)束時(shí)的處理。 , false);通過(guò)獲取close()方法來(lái)關(guān)閉socket，切斷通信連接，示例如下：webSocket.close(); 2.使用WebSocket API另外，可以通過(guò)讀取readyState的屬性值來(lái)獲取WebSocket對(duì)象的狀態(tài)。readyState屬性存在以下幾種屬性值：n CONNECTING（數(shù)字值0）：表示正在連接。n OPEN（數(shù)字值1）：表示已建立連接。n CLOSING（數(shù)字值2）：表示正在關(guān)閉連接。n CLOSED（數(shù)字值3）：表示已關(guān)閉連接2.使用WebSocket API使用WebSockets API，不僅可以發(fā)

6、送文本數(shù)據(jù)，而且可以JSON對(duì)象來(lái)發(fā)送一切JavaScript中的對(duì)象。使用JSON對(duì)象的關(guān)鍵是使用它的兩個(gè)方法JSON.parse()方法與JSON.stringify()方法，其中JSON.stringify()方法把JavaScript對(duì)象轉(zhuǎn)換成為文本數(shù)據(jù)，JSON.parse()方法將文本數(shù)據(jù)轉(zhuǎn)回為JavaScript對(duì)象。示例如下：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