socket.io的使用
<body> <div id="sse"> <a href="javascript:WebSocketTest()">运行 WebSocket</a> <span id="online_box"></span> </div> </body>
<!-- 第一步:引入socket.io.js --> <script src='https://cdn.bootcss.com/socket.io/2.0.3/socket.io.js'></script> <script src='jquery-2.2.3.min.js'></script> <script type="text/javascript"> var uid = "123"; // 第二步:和后端链接 var socket = io('http://192.168.1.100:8003'); // 第三步:使用on和后端的方法对接(方法是后端自定义的 要一致) socket.on('connect', function() { socket.emit('login', uid);//emit向后台发送数据 }); socket.on('new_msg', function(msg) { // 后端推送来消息时可以直接获取 $('#content').html('收到消息:' + msg); $('.notification.sticky').notify(); }); // 后端推送来在线数据时 socket.on('update_online_count', function(online_stat) { $('#online_box').html(online_stat); }); </script>