node.js中的socket.io的广播消息


Posted in Javascript onDecember 15, 2014

在多个客户端与服务器端建立连接后,socket.io()服务器具有一个sockets属性,属性值为所有与客户端建立连接的socket对象.可以利用该对象的send方法或emit方法向所有客户端广播消息.

io.sockets.send("user commected);

io.socket.emit("login",names);

案例

server.js代码:

var express=require("express");

var http=require("http");

var sio=require("socket.io");

var app=express();

var server=http.createServer(app);

app.get("/", function (req,res) {

    res.sendfile(__dirname+"/index.html");

});

server.listen(1337,"127.0.0.1", function () {

    console.log("开始监听1337");

});

var io=sio.listen(server);

 var names=[];

io.sockets.on("connection", function (socket) {

    socket.emit("login",names);

    socket.on("login", function (name) {

        names.push(name);

        io.sockets.emit("login",names);

    });

});
<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <script src="/socket.io/socket.io.js"></script>

    <script>

        var socket=io.connect();

        socket.on("login", function (names) {

            var str="";

            names.forEach(function(name){

                str+="用户"+name+"已登录.<br/>";

            });

            document.getElementById("result").innerHTML=str;

        });

        function add(){

            socket.emit("login",document.getElementById("nickname").value);

        }

    </script>

</head>

<body>

昵称<input type="text" id="nickname" />

<div id="result"></div>

<input type="button" onclick="add()" value="登录" />

</body>

</html>

运行结果:

node.js中的socket.io的广播消息

在谷歌浏览器里面的登录,可以在火狐中看到一模一样的结果.

这是一个美妙的现象,也是一个让我万分惊喜的效果.

如此美妙的node.

Javascript 相关文章推荐
Jquery ThickBox插件使用心得(不建议使用)
Sep 08 Javascript
jQuery学习笔记之Helloworld
Dec 22 Javascript
与jquery serializeArray()一起使用的函数,主要来方便提交表单
Jan 31 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
Feb 03 Javascript
IE下使用jQuery重置iframe地址时内存泄露问题解决办法
Feb 05 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
详解JavaScript函数
Dec 01 Javascript
JavaScript字符集编码与解码详谈
Feb 02 Javascript
原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】
Feb 23 Javascript
谈谈JavaScript中的垃圾回收机制
Sep 17 Javascript
超级简单的jquery操作表格方法
Dec 15 #Javascript
node.js中的fs.link方法使用说明
Dec 15 #Javascript
node.js中的fs.symlinkSync方法使用说明
Dec 15 #Javascript
jQuery中的编程范式详解
Dec 15 #Javascript
node.js中的fs.symlink方法使用说明
Dec 15 #Javascript
node.js中的fs.utimesSync方法使用说明
Dec 15 #Javascript
node.js中的fs.utimes方法使用说明
Dec 15 #Javascript
You might like
微信公众号实现扫码获取微信用户信息(网页授权)
2019/04/09 PHP
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
jQuery.get、jQuery.getJSON、jQuery.post无法返回JSON问题的解决方法
2011/07/28 Javascript
JS删除数组元素的函数介绍
2013/03/27 Javascript
jquery常用操作小结
2014/07/21 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
js格式化输入框内金额、银行卡号
2016/02/01 Javascript
JavaScript实现Base64编码转换
2016/04/23 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
2018/05/03 Javascript
微信小程序实现滚动加载更多的代码
2019/12/06 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
利用js实现简易红绿灯
2020/10/15 Javascript
如何在VUE中使用vue-awesome-swiper
2021/01/04 Vue.js
Python3读取zip文件信息的方法
2015/05/22 Python
利用Python实现命令行版的火车票查看器
2016/08/05 Python
Python中shutil模块的学习笔记教程
2017/04/04 Python
Python 在字符串中加入变量的实例讲解
2018/05/02 Python
Django框架模板介绍
2019/01/15 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
CSS3 圆角效果
2009/07/15 HTML / CSS
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
招商经理岗位职责
2013/11/16 职场文书
甜点店创业计划书
2014/01/27 职场文书
运动会通讯稿50字
2014/01/30 职场文书
环保建议书作文
2014/03/12 职场文书
法学专业毕业生自荐信
2014/06/11 职场文书
法人委托书范本
2014/09/15 职场文书
拖欠货款起诉状
2015/05/20 职场文书
餐厅如何利用“营销策略”扭转亏本局面
2019/10/15 职场文书
MySQL如何构建数据表索引
2021/05/13 MySQL