socket.io的使用

最新推荐文章于 2024-08-22 09:40:15 发布

weixin_30521649

最新推荐文章于 2024-08-22 09:40:15 发布

阅读量210

点赞数

文章标签：后端 javascript ViewUI

原文链接：http://www.cnblogs.com/chenchenhao/p/10112149.html

版权

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