Socket .IO 案例

1. <html>  
2. <head>  
3.     <title></title>  
4.     <script src="../js/socket.io.client.js"></script>  
5.     <script type="text/javascript">  
6.         function doit() {  
7.             var socket = io.connect('http://localhost');  
8.             socket.on('news', function (data) {//接收到服务器发送过来的名为'new'的数据  
9.                 console.log(data.hello);//data为应服务器发送过来的数据。  
10.                 socket.emit('my new event', { my:'new data' });//向服务器发送数据，实现双向数据传输  
11.             });  
12.             socket.on('other', function (data) {//接收另一个名为'other'数据，  
13.                 console.log(data.hello);  
14.                 socket.emit('event1', { my:'other data' });  
15.             });  
16.         }  
17.     </script>  
18. </head>  
19. <body>  
20. <button id='btn' onclick="doit()">click me</button>  
21. </body>  
22. </html> 
    

在chrome，Crtl+Shift+j打开终端，可看到输出结果。
socket.io.client.js可以https://github.com/LearnBoost/socket.io-client下载到本地，在<script src="..">指向本机的js库。