<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>